Keyboardavoidingviewは最後の子のみを移動します

Question

KeyboardAvoidingViewを正しく動作させるのは非常に困難です。

コメントのフラットリストと、新しいコメントを追加するためのTextInputを囲んでいます。キーボードがアクティブなときは、両方の要素を上に移動する必要があります。 Instagramを使用する場合は、コメント画面と同じです。

しかし、私が試してみると、コメントの上に上に移動するのはTextInputだけです。

 <View style={{ flex: 1 }}> 
     <KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={65} style={{ flex: 1 }}> 
      <FlatList 
      style={{ flex: 1 }} 
      data={comments} 
      keyboardDismissMode="on-drag" 
      keyboardShouldPersistTaps="always" 
      ref={commentList => { 
       this.commentList = commentList; 
      }} 
      keyExtractor={item => item.id} 
      renderItem={({ item }) => <CommentItem {...item} />} 
      /> 
      <CommentForm updateId={updateId} userId={userId} /> 
     </KeyboardAvoidingView> 
     </View> 

どのようなヘルプも大歓迎です。

私はすでにビューの組み合わせを試し、TextInputをフッターとして追加しましたが、これらはすべて機能しませんでした。

Answer 1

私はreact-native-keyboard-spacerを使ってはるかに成功しました。おそらくそれを与える？