TextInputがアブソリュートビューで挿入されたときのキーボードの処理

Question

基本的には、UsernameとPasswordのTextInputコンポーネントを含む絶対ビューのログイン画面があります。キーボードがポップアップすると、入力フィールドが表示されます。これまでのところ私は他の質問やチュートリアルを行ってきましたが、このケースを処理する方法を見つけることはできませんでした。

Answer 1

キーボードがすべての入力フィールドをカバーするとは思わない - 少なくとも1つの入力フィールドが表示されます。

これを試して、最後のonSubmitEditingの次のテキスト入力に注目してください。

<TextInput 
    style = {styles.titleInput} 
    returnKeyType = {"next"} 
    autoFocus = {true} 
    placeholder = "Title" 
    onSubmitEditing={(event) => { 
    this.refs.SecondInput.focus(); 
    }} 
/> 
<TextInput 
    ref='SecondInput' 
    style = {styles.descriptionInput}   
    multiline = {true} 
    maxLength = {200} 
    placeholder = "Description" />