Keyboardavoidingview只會移動最後一個子女

我真的很難讓KeyboardAvoidingView正常工作。Keyboardavoidingview只會移動最後一個子女

我想圍繞一個FlatList的評論和一個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作爲頁腳，這一切都沒有工作。

來源

2017-10-06 Rein Van Imschoot

我使用react-native-keyboard-spacer取得了更好的成功。也許放棄一下？

來源

2017-10-06 16:28:06

Keyboardavoidingview只會移動最後一個子女

回答

相關問題