反应天然多个可拖动且可解析的室内列表



我想创建一个行列类型结构,我可以创建可以拖动的多个部分,并且可以按照所需的大小进行调整,我使用了此库(https://www。npmjs.com/package/reaeact-native-dragable)用于制作可拖动部分,但我如何将其配置为可解析,也需要仅限于容器

 <View
        style={{
          flexDirection: 'row',
          flex: 1,
          padding: 20,
        }}>
        <View style={{ flex: 0.3, backgroundColor:'blue' }}>
          <Draggable renderSize={56} renderColor='black' offsetX={-100} offsetY={-200} renderText='A' pressDrag={() => alert('touched!!')} />
        </View>
        <View style={{ flex: 0.3, backgroundColor: 'green' }}>
          <Draggable renderColor='red' renderShape='square' renderText='UC' />
        </View>
        <View style={{ flex: 0.4, backgroundColor: 'yellow' }}>
          <Draggable renderColor='red' renderShape='square' renderText='B' />
          <Draggable />
        </View>
      </View>

使用此可解析和可拖动库您只需3行代码即可轻松实现此目标,

<Gestures rotatable={false}>
     <Text style={{ padding: 40 }}>AHGHAGS</Text>
</Gestures>

请参阅此处的小吃的工作示例

相关内容

  • 没有找到相关文章

最新更新