問題タブ [react-native-scrollview]

Objective-C を使用する iOS では、メソッドUITableViewを使用して特定の行インデックスまでスクロールできますscrollToRowAtIndexPathが、React-Native では、特定の行インデックスでスクロールする方法が見つかりませんでしたListview。

以下はシナリオです。

1. Listviewタップしながら展開するような展開可能な行があり、展開可能な行にはコンポーネントが含まれていますTextInput。
2. でテキストを入力している間TextInput、キーボードは上に表示され、理想的にはその瞬間Listviewに上にスクロールする必要があります (キーボードが下がっListviewたら、前の位置に下にスクロールする必要があります)。

これは Native-iOS で簡単に実現できますが、私は React-Native で立ち往生しています。

私は次の方法を試しましたが、うまくいきませんでした

親ビューのy 座標に基づいて上下にスクロールできるコンポーネント (実際にscrollTo(x:0,y:10,animated:true)はのメソッド) で呼び出されるメソッドがあります。ListviewScrollview

コードでキーボードの Up & Down イベントを正常に受信し、それに基づいて、キーボードが起動したときに ( y 座標scrollToを計算することにより) メソッドで何とか管理できます(@Alexey の回答で述べたように) が、yを計算する方法についてはわかりません。キーボードが下がったときの座標は？(理想的には、この時点で Listview は前の位置までスクロールする必要があります)。

ヘルプやヒントをいただければ幸いです。

iOSでは正常に動作します。それはバグですか、それともAndroidの通常の動作ですか。

私はビューを移動するためにreact-nativeでスクロールビューを使用しています、私はこのように書きました scrollView.scrollTo({ y: newY, animated: true });

IOS では問題なく動作しますが、Android では動作しません。解決方法を教えてください。

次のような反応するネイティブ コンポーネントがあります。

これ<Level>は、テキストを保持する単純なコンポーネントです。

私は<LevelList>自分のコンテナに次のようなものを持っています:

ここで、リストの横にスクロールバーが表示されますが、スクロールされません。ここで何が欠けていますか?

私はエミュレータでアプリを実行しています:

アップデート：

TextInput ボックスにフォーカスし、TextInput ボックスがキーボードの後ろに隠れないようにキーボードが表示されているときに、ビューを自動的に上にスクロールするにはどうすればよいですか? この質問は StackOverflow で数回尋ねられており、ほとんどの回答でアドバイスされている一般的な解決策である解決策をここに実装しました。このソリューションは、iPhone シミュレーターでは正常に機能しますが、実際の電話では機能しません。解決策が実際の電話で機能しないというこの問題を経験した人はいますか?

このソリューションを追加した後に気付いた 2 番目のことは、TextInput ボックスにフォーカスしていてキーボードが表示されている場合、ボタンを押すか別の TextInput ボックスにフォーカスしようとすると、最初のタッチが常に消費されてキーボードが非表示になることです。ボタンが押されていないか、他の TextInput ボックスがフォーカスされていません。ユーザーが操作を 2 回行わなければならないのは少し面倒です。他の誰かがこの問題を観察しましたか?

これらの問題を解決する方法について何か意見があれば教えてください。

一番上をスクロールすると一番上の要素の背景色（緑）になり、一番下に跳ね返ると一番下の要素の色（白）になるscrollViewを使用したいと思います。どうすればそれができるかわかりません。

おそらく、下部と上部に偽のビューを設定できますが、それを正確に行う方法がわかりません。