callstack / callstack/react-native-paper
React-navigation `presentation: modal` inner Component shift
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 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
コントリビューションガイド
調査の方向性
Start with the linked Expo Snack and reproduce the Menu position inside a React Navigation screen using presentation: modal on iOS. Compare its visual position and onLayout coordinates with the normal-page case; done means components and reported layout positions align in the modal presentation.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- ios, react-native, typescript
- 領域
- frontend, mobile
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 静か
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100