2016-05-24 17 views
7

複数行のTextInputをtrueに設定しました。 私は焦点の入力にスクロールしています:テキストを拡大するのTextInput複数行には、キーボードの下に隠れてしまうことになるしかしReact Native:キーボードの上に複数行のテキスト入力を表示する方法

scrollResponder.scrollResponderScrollNativeHandleToKeyboard(
    React.findNodeHandle(this.refs.myInput), 
    0, 
    true 
); 

。 カーソル/現在のテキストが表示されていないときにだけ下にスクロールします。だから私は、現在のカーソル/現在のテキストが(最初の行の編集のように)表示されている場合でも、ビューをスクロールするので、上記のコードをテキストの変更に対して実行することはできません。

カーソル/現在のテキストの位置を画面上に表示する方法はありますか? または、私がしようとしていることを行うための他の方法はありますか?現在

私が達成しようとしている何

enter image description here

enter image description here

答えて

2

あなたは(テキストが伸びる)ビューが提供するonLayout方法を使用することができます。これは、ビューのサイズを返します。これを使用して、スクロールビューのスクロール位置を再計算できます。

+0

TextInputにテキストを追加するときに呼び出されないようです –

0

それを行うための最善の方法は、反応するネイティブ・キーボード対応のスクロールビューのライブラリーであること及び方法_scrollToInputを使用して、ドキュメントの言うことに従うように思われます。

enter image description here

私は変更しなければならなかった一つのことは、ドキュメントに代わり "this.scroll.scrollToFocusedInput(reactNode)" の "this.scroll.props.scrollToFocusedInput(reactNode)" を呼び出すことでした!

関連する問題