Question

我很难让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>

非常欢迎任何帮助。

我已经尝试了View的组合并将TextInput添加为Footer，这些都没有用。

Answer 1

我使用var sToStrike = _text.substr(0, index + 1); var sAfter = (index < (_text.length - 1)) ? _text.substr(index + 1, _text.length - index) : "";取得了更好的成功。也许放手一搏？

Keyboardavoidingview仅移动最后一个孩子

1 个答案: