React Native Android 向上滑动

Question

我正在制作一个交通应用程序，我需要 React Native 中的一个组件，当人们想要设置位置时可以向上滑动。

如何像下面的示例图片那样向上滑动？

有人有这样的参考资料或教程吗？提前致谢。

Answer 1

您可以使用 https://facebook.github.io/react-native/docs/gesture-responder-system 或者使用 https://github.com/glepur/react-native-swipe-gestures 的简单方法。我实际上会使用模块 react-native-swipe-gestures 因为高效和快速。

Answer 2

我想你正在寻找 this library

安装：

npm install react-native-swipe-up-down --save

基本用法

import SwipeUpDown from 'react-native-swipe-up-down';


<SwipeUpDown        
    itemMini={<ItemMini />} // Pass props component when collapsed
    itemFull={<ItemFull />} // Pass props component when show full
    onShowMini={() => console.log('mini')}
    onShowFull={() => console.log('full')}
    onMoveDown={() => console.log('down')}
    onMoveUp={() => console.log('up')}
    disablePressToShow={false} // Press item mini to show full
    style={{ backgroundColor: 'green' }} // style for swipe
/>

输出： this

React Native Android 向上滑动

React Native Android Swipe Up

react-native

react-native-android

swipe-gesture