多行文本输入和键盘避免视图

时间:2021-06-30 19:19:13

标签: react-native

我在 RN 中有一个文本输入,多行。我希望能够用换行符输入文本。问题是,在输入一些文本并使用一些换行符后,文本消失在键盘后面。我曾尝试使用 KeyboardAvoidingViewkeyboard-aware-scroll-view,但两者都不适用于我的代码。

这是我目前的代码:

    <SafeAreaView style={{ flex: 1, padding: 15, backgroundColor: 'yellow' }}>
      <KeyboardAvoidingView behavior="padding" style={{ flex: 1, backgroundColor: 'green' }}>
        <TextInput
          value={note}
          onChangeText={(e) => setNote(e)}
          multiline={true}
          style={{
            backgroundColor: 'red',
            fontFamily: 'Montserrat-Regular',
            fontSize: 15,
            lineHeight: 22.5
          }}
          placeholder="Type something..." />
      </KeyboardAvoidingView>
    </SafeAreaView>

我想要实现的是:当键盘打开时,我想让多行文本输入被向上推,所以文本输入的最后一行就在键盘上方。

0 个答案:

没有答案
相关问题