问题描述
目前,我有一个注释列表和一个用于在堆栈导航屏幕中输入新注释的字段
<Stack.Screen
name="MySwipeableScreen"
options={{
gestureEnabled: true,}}
>
{
<View>
<FlatList
data={comments}
/>
{/* Stop responding to swipe ! */}
<TextInput />
</View>
}
</Stack.Screen>;
借助手势启用,react-navigation在后台使用react-native-gesture-handler的PanGestureHandler组件。即使我尝试在TextInput内滑动,此组件也会响应所有手势以向右滑动以触发“返回”操作。
我想到了2个解决方案,但无法最终确定它们:
-
仅在我希望它响应的部分屏幕上使用我自己的PanGestureHandler。但是然后,我将不得不在自己的代码中将所有的反应导航配置道具重写为该PanGestureHandler。
对于手势重叠的情况, -
react-native-gesture-handler有一个有趣的道具waitFor = {ref}。该库甚至将引用导出到此PanGestureHandler。但是这种情况没有用。因为应该逆转。我应该将引用从嵌套处理程序传递给父处理程序。
有人知道如何解决此案吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)