Question

我想创建一个行列类型的结构，在其中可以创建可以根据需要进行拖动和调整大小的多个部分，我已经使用此库（https://www.npmjs.com/package/react-native-draggable）来创建可拖动的部分，但是我如何将其配置为可调整大小，并且还需要限制在容器中

 <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>

Answer 1

使用此Resizable and draggable库，只需三行代码即可轻松实现这一目标，

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

请参阅working example on snack here

反应本地多个可拖动和可调整大小的平面列表

1 个答案: