callstack / callstack/react-native-paper
React-navigation `presentation: modal` inner Component shift
- 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
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