Javascript 使React本机多行文本输入在拖动时隐藏键盘,并且不会';隐藏光标

Javascript 使React本机多行文本输入在拖动时隐藏键盘,并且不会';隐藏光标,javascript,reactjs,react-native,react-native-ios,Javascript,Reactjs,React Native,React Native Ios,如果您向下拖动,此和“解决方案”会很好地隐藏键盘,但您的文本会隐藏在光标下: <KeyboardAvoidingView enabled behavior='height' style={{ flex: 1, flexDirection: 'column' }} > <ScrollView style={{ flex: 1 }} keyboardSho

如果您向下拖动,此
和“解决方案”会很好地隐藏键盘,但您的文本会隐藏在光标下:

      <KeyboardAvoidingView
        enabled
        behavior='height'
        style={{ flex: 1, flexDirection: 'column' }}
      >
        <ScrollView
          style={{ flex: 1 }}
          keyboardShouldPersistTaps='always'
          keyboardDismissMode={
            Platform.OS === 'ios' ? 'interactive' : 'on-drag'
          }
          contentContainerStyle={{ flexGrow: 1 }}
        >
          <Input
            multiline
            scrollEnabled={false}
          />
        </ScrollView>
      </KeyboardAvoidingView>

使用
方法可以很好地处理未被覆盖的输入,但关闭键盘需要在输入之外轻敲

      <KeyboardAvoidingView
        behavior={Platform.OS === 'ios' ? 'padding' : null}
        style={{ flex: 1 }}
      >
        <View style={{ flex: 1 }}>
          <Input
            multiline
            scrollEnabled={true}
          />
        </View>
      </KeyboardAvoidingView>

我也尝试过
键盘唤醒滚动视图
,但它非常容易出错-它将文本输入移动得非常笨拙并且延迟

是否有人能够进行多行文字输入:

  • 拖后隐藏
  • 易于编辑/滚动 ?
  • iOS Notes应用程序就是一个完美的例子