如何在React Native中创建拖放嵌套列表

npm install react-native-draggable-flatlist --save

import DraggableFlatList from 'react-native-draggable-flatlist';
import { View, Text } from 'react-native';

const data = [
  { key: 'item1', label: 'Item 1' },
  { key: 'item2', label: 'Item 2' },
  { key: 'item3', label: 'Item 3' },
  // 添加更多的项...
];

render() {
  return (
    <DraggableFlatList
      data={data}
      renderItem={({ item, index, drag, isActive }) => (
        <View
          style={{
            backgroundColor: isActive ? 'red' : 'white',
            alignItems: 'center',
            justifyContent: 'center',
            height: 50,
          }}
          onLongPress={drag}
        >
          <Text>{item.label}</Text>
        </View>
      )}
      keyExtractor={(item, index) => `draggable-item-${item.key}`}
      onDragEnd={({ data }) => {
        // 处理拖放结束后的数据更新
      }}
    />
  );
}