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

I want to using gestureResponseDistance set half screen swipe back，but got a bug！

Đang mở

#1,102 mở ngày 30/12/2021 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Ngôn ngữ chính: JavaScript
Star: 324
Fork: 2k
Chỉ số merge pull request: Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
Fork repository và làm thay đổi trên một nhánh.
Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện thiết lập React Native 0.64.0 và @react-navigation/stack 6.0.7 được cung cấp, với gestureResponseDistance được đặt bằng một nửa chiều rộng cửa sổ, sử dụng video được liên kết làm tham chiếu cho triệu chứng. So sánh hành vi của cử chỉ khi không đặt tùy chọn này và xác định xem trang có vẫn bị treo hay không; hoàn thành khi cử chỉ vuốt quay lại trên nửa màn hình hoạt động mà không làm trang bị treo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ: javascript, react-native
Lĩnh vực: mobile
Loại issue: Lỗi
Độ khó: 3/5
Thời gian dự kiến: 1-2 ngày
Mức độ hoạt động: Đình trệ
Độ rõ ràng: Cần làm rõ
Mức phù hợp với người mới: 25/100