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

Question

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

从react-native 导入TouchableOpacity 似乎有效。问题是，我想使用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 管理的本机ViewController，因此没有被gestureHandlerRootHOC 包裹。

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