callstack / callstack/react-native-paper

React-navigation `presentation: modal` inner Component shift

オープン
#3,059 コメント 4 件 リアクション 2 件 担当者 0 名 GitHub で見る
repro provided
主要言語
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。