使用react-native-pell-rich-editor在输入/下一次按下时隐藏键盘

6tqwzwtp  于 2022-12-24  发布在  React
关注(0)|答案(2)|浏览(147)

我需要隐藏键盘时,用户提交或按下键盘的回车/下一个键。这里的代码,我正在使用的RichEditor的TextInput。

<RichEditor
    ref={rf => this.richText = rf}
    initialContentHTML={this.state.PostDescription}
    style={{
      // minHeight:Platform.OS === 'ios' ? 30 : 40,
      // maxHeight:Platform.OS === 'ios' ? 100: 40,
      height:'100%',
      backgroundColor:'white',
      flex: 1,justifyContent:'center',
      minWidth:'100%',width:'100%'
    }}
/>
enxuqcxy

enxuqcxy1#

你用的是react-native-pell-rich编辑器吗?
如果是,您可以使用下面的代码关闭键盘。

this.richText.current.dismissKeyboard()
hgc7kmma

hgc7kmma2#

this代码为例,您可以使用以下命令使RichEditor模糊:

this.richText.blurContentEditor();

但是,没有OnSubmit函数(或者至少我在搜索中没有找到它),因为它只是react-native-webviewwebview,而不是TextInput。
您可以使用react-native-webview-quilljs,因为他们有ON_KEY_PRESS事件并按下Enter键。

相关问题