callstack / callstack/react-native-pager-view

Keyboard Aware Scroll View not working if inside Pager View

オープン
#504 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
question
主要言語
TypeScript
スター
3.4k
フォーク
476
平均マージ
10日 21時間
マージ済み PR(30日)
2

説明

## Keyboard Aware Scroll View is not working inside Pager View

Hi,
I have trouble when I use KASV inside Pager View. I have component using Pager View. Inside pager view I have another component (link.component).
```

{links.map((link, index) => {
return (

{link.isScrollable ? (

{link.component}

) : (
link.component
)}

);
})}

```
and the link.component looks more or less like:
```


AAAA








```
I observe two situations:
1. when I put height to Pager View style ``` style={[flex: 1, { height }]} ``` I can tap once in TextInput to show keyboard, but KeyboardAwareScrollView don't scroll to TextInput (show TI above keyboard). It seems KeyboardAwareScrollView doesn't work at all.
2. when I don't put height to Pager View style ``` style={[flex: 1]} ``` In this case I have to tap twice in TextInput to focus it and show keyboard, but in this case KeyboardAwareScrollView working properly and scrolling focused TextInput above keyboard.

Is this possible to work correctly Pager View and KeyboardAwareScrollView together? As I know KeyboardAwareScrollView need style={flex: 1} in parent component.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Issue で示されている PagerView の 2 つの高さ設定を使って、報告された PagerView、ScrollView、KeyboardAwareScrollView のネストを再現します。まず、明示的な高さがある場合とない場合のフォーカスおよびキーボードによるスクロールの挙動を比較します。完了条件は、TextInput が最初のタップでフォーカスされ、KeyboardAwareScrollView がそれをキーボードの上までスクロールすることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native
領域
mobile
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

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

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