callstack / callstack/react-native-paper
React-navigation `presentation: modal` inner Component shift
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### 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
贡献指南
调研方向
从链接的 Expo Snack 开始,使用 iOS 上的 presentation: modal,在 React Navigation 屏幕中重现 Menu 的位置。将其视觉位置和 onLayout 坐标与普通页面的情况进行比较;当组件和报告的布局位置在模态呈现中一致时,即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- ios, react-native, typescript
- 领域
- frontend, mobile
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 冷清
- 描述清晰度
- 基本清楚
- 新手友好度
- 45/100