callstack / callstack/react-native-paper

React-navigation `presentation: modal` inner Component shift

Đang mở
#3,059 4 bình luận 2 reaction 0 người được giao Xem trên GitHub
repro provided
Ngôn ngữ chính
TypeScript
Star
14.5k
Fork
2.2k
Merge trung bình
5 ngày 23 giờ
Pull request đã merge (30 ngày)
12

Mô tả

### Current behaviour

I noticed this using ``, when menu is visible it is like 8~10px below where it should be, this seems to be the case with all Components inside react-navigation `presentation: modal` on `iOS`.

### Expected behaviour

Components to be where they are on the screen, if you try to use the `onLayout` you will get wrong position of the element

### Code sample

https://snack.expo.dev/9cdSNjwzL

### Screenshots (if applicable)

Presentation modal | Normal page
:-------------------------:|:-------------------------:
|

### What have you tried

This is what I mean by shift:

### Your Environment

| software | version
| --------------------- | -------
| ios or android | 15.2
| react-native | 0.64.3
| react-native-paper | 4.9.2
| node | v12.22.7
| npm or yarn | yarn
| expo sdk | 5.0.3

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

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với Expo Snack được liên kết và tái hiện vị trí của Menu bên trong một màn hình React Navigation bằng cách sử dụng presentation: modal trên iOS. So sánh vị trí hiển thị của nó và các tọa độ onLayout với trường hợp trang thông thường; hoàn thành khi các component và các vị trí layout được báo cáo khớp nhau trong chế độ trình bày modal.

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

Đánh giá

Công nghệ
ios, react-native, typescript
Lĩnh vực
frontend, mobile
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.