猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== KeyboardAvoidingView ======

ソフトウェアキーボードが表示されると画面を上に持ち上げて、キーボードにより入力しているテキストが隠れることを防止する。

===== 基本 =====
一番トップ階層に「KeyboardAvoidingView 」を持ってくる。
その内側のViewでは「justifyContent:'flex-end'」を設定するとうまく動作する。
画面の下から上に押し上げる動作のためと思われる。

<code>
        <KeyboardAvoidingView 
        style={{flex:1}} 
        behavior='padding'
        keyboardVerticalOffset={80}> //topから入力位置までの距離を設定し調整する。
        <View style={{justifyContent:'flex-end'}}> //これをしない動かない？
</code>

===== 注意点 =====
TextInputでマルチラインの設定をしていると、改行すれば自動で拡張していく。
自動で画面の位置がスクロールするわけではない。
そのためそのうちキーボードに隠れて見えなくなる。

===== behavior =====
どのように画面をずらすかの設定と思われる。
Androidの場合は、
未設定：キーボードが表示されてもズレない。
height：キーボードが表示されるとずれるが、キーボードが隠れても元の位置に戻らない。
position・padding：ともに正常に動作した。

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール