reactnative:keyboardavoidingview
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
|
reactnative:keyboardavoidingview [2019/02/11 10:24] ips 作成 |
reactnative:keyboardavoidingview [2019/02/11 10:26] (現在) ips |
||
|---|---|---|---|
| ライン 3: | ライン 3: | ||
| ソフトウェアキーボードが表示されると画面を上に持ち上げて、キーボードにより入力しているテキストが隠れることを防止する。 | ソフトウェアキーボードが表示されると画面を上に持ち上げて、キーボードにより入力しているテキストが隠れることを防止する。 | ||
| - | ====== 基本 ====== | + | ===== 基本 ===== |
| 一番トップ階層に「KeyboardAvoidingView 」を持ってくる。 | 一番トップ階層に「KeyboardAvoidingView 」を持ってくる。 | ||
| その内側のViewでは「justifyContent:'flex-end'」を設定するとうまく動作する。 | その内側のViewでは「justifyContent:'flex-end'」を設定するとうまく動作する。 | ||
| ライン 15: | ライン 15: | ||
| <View style={{justifyContent:'flex-end'}}> //これをしない動かない？ | <View style={{justifyContent:'flex-end'}}> //これをしない動かない？ | ||
| </code> | </code> | ||
| + | |||
| + | ===== 注意点 ===== | ||
| + | TextInputでマルチラインの設定をしていると、改行すれば自動で拡張していく。 | ||
| + | 自動で画面の位置がスクロールするわけではない。 | ||
| + | そのためそのうちキーボードに隠れて見えなくなる。 | ||
| ===== behavior ===== | ===== behavior ===== | ||
reactnative/keyboardavoidingview.1549848269.txt.gz · 最終更新: 2019/02/11 10:24 by ips
