微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native:复制选定的可拖动对象

如何解决React Native:复制选定的可拖动对象

我正在开发一个应用程序,他们使用“draggable”将一组对象(用户)拖放到屏幕上。

但现在我还想按下一个可拖动对象(一个用户)并复制它。 现在如果我按下一个对象,它会复制可拖动元素并在控制台中打印出选定的名称。但是我还想做的是在新的可拖动元素中打印出选中的可拖动对象的名称

这是包含对象数组的可拖动对象。当我按下它时,我创建了一个新的可拖动对象,该对象放置在屏幕上并在控制台中打印出选定的用户名

可拖动一:

   {players.map((item,key) => (
        <Draggable
            key={key}
            x={'80%'}
            y={50}
            renderColor="blue"
            renderSize={50}
            isCircle
            textcolor="#000000"
            renderText={item.name}
            onShortPressRelease={() => {
              addplayer(),console.log(JSON.stringify(item.name));
        // Output: (players name)
            }}
          />
        ))}

功能添加新播放器

 const addplayer = () => {
    setNewPlayer([...newplayer,<AddNewPLayer />]);
  };

这是当我按下“Draggable One”时创建的新的可拖动元素。在“renderText”里面我想显示用户的名字。

 const AddNewPLayer = () => {
    return (
      <View>
        <Draggable
          x={0}
          y={-100}
          renderColor="blue"
          renderSize={50}
          isCircle
          renderText={"here I want to display the seleected players name"}
        />
      </View>
    );
  };

那么如果我想在新建的可拖动元素中打印出选中的名称 who 该怎么办?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。