如何在React Native中创建可滑动的底部工作表？

Question

如何在 React Native 中实现完全相同的可滑动底部表单：

react-swipeable-bottom-sheet（上面的gif演示）lib仅在React中工作。

我知道react-native-overlay-section，但它会以弹跳动画的形式在窗口顶部打开。

---

编辑

我也尝试过react-native-touch-through-view，但是通过TouchThroughView碰触到一个已知问题...

<View style={styles.container}>
 <View style={styles.contentContainer}>
  <FlatList
    data={this.state.list}
    renderItem={(data) => {
     <View>
       <Text>{"Bla bla bla"}</Text>
       <TouchableOpacity onPress={()=> this.onPress()}>
         <Text>{"THIS IS NOT WORKING ON ANDROID"}</Text>
       </TouchableOpacity>
     </View>
    }} />
 </View>
<TouchThroughWrapper style={styles.scrollWrapper}>
  <ListView
    style={styles.scroller}
    dataSource={actionsList}
    renderHeader={() => <TouchThroughView style={styles.touchThroughView} />}
    renderRow={(rowData) => {
      return (
        <Text style={styles.itemRow}>{rowData}</Text>
      )
    }}>
  </ListView>
</TouchThroughWrapper>

Answer 1

您可以通过以下软件包来满足您的要求。

https://www.npmjs.com/package/react-native-touch-through-view

此程序包允许滚动视图和表格视图在可交互的内容上滚动，而不会产生不良的大小和边界动画。