Javascript “如何修复”;尝试注册两个名称相同的视图RNGestureHandlerButton“;在中国?
我想在我的应用程序中添加一个滑动删除效果,我已经手动安装了反应本机手势处理程序。从那时起,我收到一条错误消息…我已经尝试卸载手动安装的手势处理程序,但没有成功。有什么建议吗 这是我试图测试手势处理程序的组件中的代码。从那以后,我只能看到带有上述警告的红色屏幕,不能再做任何事情了。 对不起,我是初学者Javascript “如何修复”;尝试注册两个名称相同的视图RNGestureHandlerButton“;在中国?,javascript,reactjs,npm,Javascript,Reactjs,Npm,我想在我的应用程序中添加一个滑动删除效果,我已经手动安装了反应本机手势处理程序。从那时起,我收到一条错误消息…我已经尝试卸载手动安装的手势处理程序,但没有成功。有什么建议吗 这是我试图测试手势处理程序的组件中的代码。从那以后,我只能看到带有上述警告的红色屏幕,不能再做任何事情了。 对不起,我是初学者 import React, { Component } from "react"; import {Image, StyleSheet, TouchableHighlight, View, Text
import React, { Component } from "react";
import {Image, StyleSheet, TouchableHighlight, View, Text} from "react-native";
import Swipeable from "react-native-gesture-handler/Swipeable";
renderLeftActions = (progress, dragX) => {
const trans = dragX.interpolate({
inputRange: [0, 50, 100, 101],
outputRange: [-20, 0, 0, 1]
});
return (
<RectButton style={styles.leftAction} onPress={this.close}>
<Animated.Text
style={[
styles.actionText,
{
transform: [{ translateX: trans }]
}
]}
/>
</RectButton>
);
};
getAllToppings = toppings => {
return toppings.map(topping => (
<Swipeable renderLeftActions={this.renderLeftActions}>
<Text style={styles.toppings}>{topping}</Text>
</Swipeable>
));
};
render() {
const menuDish = this.props.navigation.getParam('menuDish');
let toppings = [];
for (let key in menuDish.toppings) {
toppings.push(menuDish.toppings[key])
}
return(
<View style={{alignItems: 'center'}}>
<Image
source={{url: menuDish.image}}
style={styles.image}
/>
<Text style={styles.dishName}>{menuDish.name}</Text>
{this.getAllToppings(toppings)}
</View>
)
}
import React,{Component}来自“React”;
从“react native”导入{图像、样式表、TouchableHighlight、视图、文本};
从“反应本机手势处理程序/Swipeable”导入Swipeable;
renderLeftActions=(进度,拖动)=>{
常量trans=dragX.interpolate({
输入范围:[0,50,100,101],
输出范围:[-20,0,0,1]
});
返回(
);
};
getAllToppings=浇头=>{
返回toppings.map(topping=>(
{topping}
));
};
render(){
const menuDish=this.props.navigation.getParam('menuDish');
让浇头=[];
用于(输入菜单项浇头){
浇头.推(菜单显示.浇头[键])
}
返回(
{menuDish.name}
{this.getAllTopings(toppings)}
)
}
你能分享你的package.json吗
无论如何,请尝试删除package.json/thread.lock文件和node_modules文件夹,然后再次安装它们。能否共享package.json
无论如何,请尝试删除package.json/warn.lock文件和node_modules文件夹,然后重新安装它们。我通过升级我的
react native手势处理程序
依赖项(当时,从1.0.14
升级到1.0.17
)解决了此错误.我通过升级我的react原生手势处理程序依赖项(当时,从1.0.14
升级到1.0.17
)解决了这个错误,可能通过更新到最新版本。检查纱线.lock
或包锁.json
中的反应本机手势处理程序
版本,如果存在不同版本,则尝试更新并使其仅指向一个特定版本,可能通过更新到最新版本。请与我们共享您的代码-您迄今为止尝试过的内容。您找到解决方案了吗?没有。直到现在。请与我们共享您的代码-您迄今为止尝试过的内容。您找到解决方案了吗?没有。直到现在。。