react-native - 在带有 wix/react-native-navigation 的模态中使用 react-native-gesture-handler (RNGH)

Question

我正在尝试使用 RNGH 组件，例如TouchableOpacity在react-native-modal结合wix/react-native-navigation. 它不起作用。当我点击它时，没有发生任何交互。

导入似乎正在工作TouchableOpacity。react-native问题是，我想使用import {TouchableOpacity} from 'react-native-navigation';它是因为它比原来的响应更快。

谁能解释为什么，或者解决方法？

这是我的应用程序结构：

Wix react-native-navigation
|
|-- gestureHandlerRootHOC( Component (The Screen) )
      |
      |----- <Modal />
      |         |
      |         |------ TouchableOpacity <-- I cannot press this
      |
      |----- TouchableOpacity <-- But I can press this

Answer 1

据我了解，react-native的Modal组件创建了一个react-native-navigation不受gestureHandlerRootHOC.

我建议通过Navigation.showModal(). That way your modal is also a registered screen wrapped with the gestureHandlerRootHOC`显示一个RNN模式。