ユーザ用ツール

サイト用ツール


reactnative:keyboardavoidingview

以前のリビジョンの文書です


KeyboardAvoidingView

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

基本

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

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

behavior

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

reactnative/keyboardavoidingview.1549848269.txt.gz · 最終更新: 2019/02/11 10:24 by ips