探索React Native的强大：React Native Swipeable组件

import React from 'react';
import { Text, View } from 'react-native';
import { Swipeable } from 'react-native-gesture-handler';
 
export default function SwipeableCard() {
  return (
    <Swipeable renderRightActions={RightActions}>
      <View style={{ height: 100, backgroundColor: 'blue' }}>
        <Text style={{ color: 'white' }}>Swipe me left or right</Text>
      </View>
    </Swipeable>
  );
}
 
const RightActions = () => (
  <View style={{ flexDirection: 'row', backgroundColor: 'red', alignItems: 'center', padding: 10 }}>
    <Text style={{ color: 'white', marginHorizontal: 10 }}>Delete</Text>
    <Text style={{ color: 'white', marginHorizontal: 10 }}>More</Text>
  </View>
);

这个代码示例展示了如何使用react-native-gesture-handler库中的Swipeable组件来创建一个可以左右滑动的卡片。renderRightActions属性用于定义在滑动卡片时显示的右侧操作按钮。这个例子简单明了，有助于理解如何在React Native应用中集成和使用Swipeable组件。