如何使用react-native在滚动视图中拖放卡片

npm install -g react-native-cli

react-native init DragAndDropCards

cd DragAndDropCards
npm install

import React from 'react';
import { View, ScrollView, Text } from 'react-native';

const Card = () => {
  return (
    <View style={{ backgroundColor: 'white', padding: 10, margin: 10 }}>
      <Text>Card Component</Text>
    </View>
  );
};

const App = () => {
  return (
    <ScrollView>
      <Card />
      <Card />
      <Card />
    </ScrollView>
  );
};

export default App;

npm install react-native-draggable

import Draggable from 'react-native-draggable';

const App = () => {
  return (
    <ScrollView>
      <Draggable>
        <Card />
      </Draggable>
      <Draggable>
        <Card />
      </Draggable>
      <Draggable>
        <Card />
      </Draggable>
    </ScrollView>
  );
};