带有嵌套ScrollView的可滑动React-native-modal

Question

我正在使用react-native-modal的最新release，它实现了swipe feature

我想在我的模式中添加一个ScrollView。

以下是我到目前为止所做的工作

https://snack.expo.io/ryRylJFHz

Answer 1

我知道这个问题很古老，但由于没有答案，我提供了一个解决方案。

最新版本的react-native-modal提供了一个适当的propagateSwipe，它允许滑动事件传播到ScrollView的子组件

<Modal propagateSwipe={true}> 
    <ScrollView> 
       // .... other components
    </ScrollView>
<Modal>

但目前在v11.3.1中，当你提供swipeDirection prop时，它有一个小问题，它不能工作。

解决此问题的方法是在ScrollView中添加TouchableOpacity组件

<Modal> 
    <ScrollView> 
         <TouchableOpacity> ... </TouchableOpacity> 
    </ScrollView>
<Modal>

你可以阅读更多关于这个问题的here。

Answer 2

当我需要添加滚动视图时，我多次遇到这个问题，但是没有一个包做得很好。实际上，处理滑动和滚动事件比预期的要复杂得多。

我想要创建一个组件来处理默认的scrollview行为和其他真正常见的行为。你可以在这里查看它，它被称为react-native-modalize

希望它能解决这个问题！