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

Question

我正在使用实施release

的最新react-native-modal swipe feature https://snack.expo.io/ryRylJFHz

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

这是我到目前为止所做的事情

https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

Answer 1

我有多次需要添加滚动视图的问题，并且没有一个软件包做得很好。实际上，处理滑动和滚动事件比预期的要复杂。

我想出了一个创建组件来默认处理滚动视图行为以及其他真正常见的行为的问题。您可以在此处进行检查，它名为react-native-modalize

希望它将解决此问题！

Answer 2

我知道这个问题很旧，但是由于没有答案，我为此提供了解决方案。

最新版本的react-native-modal提供了一个道具propagateSwipe，允许您将滑动事件传播到子案例中的子组件，并传播到ScrollView

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

但是目前在v11.3.1中，当您提供swipeDirection道具时有一个小问题，它不起作用。

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

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

您可以阅读关于该问题的更多here。