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
中的
反应本机手势处理程序
版本,如果存在不同版本,则尝试更新并使其仅指向一个特定版本,可能通过更新到最新版本。

请与我们共享您的代码-您迄今为止尝试过的内容。您找到解决方案了吗?没有。直到现在。请与我们共享您的代码-您迄今为止尝试过的内容。您找到解决方案了吗?没有。直到现在。。