react-navigation / react-navigation/react-navigation.github.io

I want to using gestureResponseDistance set half screen swipe back,but got a bug!

未关闭
#1,102 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

主要语言
JavaScript
星标
324
派生
2k
PR 合并指标
30 天内没有已合并 PR

描述

env:

{
    "react-native": "0.64.0",
    "@react-navigation/stack": "^6.0.7",
}

code:

import {createStackNavigator} from '@react-navigation/stack';

const Stack = createStackNavigator<any>();

<Stack.Navigator>
  <Stack.Screen
        name={path.chatRoom}
        component={ChatRoom}
        options={{headerShown: false, gestureResponseDistance: windowWidth / 2}}
      />
</Stack.Navigator>

bug: see the Video

https://user-images.githubusercontent.com/33342225/147741916-d909fe9c-1c3e-4bcb-9d8b-0660d727c9d8.mp4

the Page stucked

Any solution?

Thanks in advance

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

首先,复现提供的 React Native 0.64.0 和 @react-navigation/stack 6.0.7 设置,将 gestureResponseDistance 设置为窗口宽度的一半,并使用链接的视频作为症状参考。将手势行为与未设置该选项时进行比较,并确定页面是否仍会卡住;当半屏向后滑动手势能够正常工作且不会导致页面卡住时,即视为完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript, react-native
领域
mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。