react-native - 如何在React Native中创建可滑动的 Bottom Sheet ？

Question

如何在中实现完全相同的可滑动 Bottom Sheet 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

该程序包允许滚动 View 和表格 View 在可交互内容上滚动，而不会降低性能和动画范围。