callstack / callstack/react-native-paper

React-navigation `presentation: modal` inner Component shift

未关闭
#3,059 4 条评论 2 个 reaction 已指派 0 人 在 GitHub 查看
repro provided
主要语言
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

把新 issue 发到你的邮箱

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