2017-10-06 4 views
0

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을 바닥 글로 추가하여 모두 작동하지 않았습니다.

답변

0

나는 react-native-keyboard-spacer을 사용하여 성공을 거뒀습니다. 아마도 그걸 줄까요?