反应原生 TextInput 离开我的屏幕

Posted

技术标签:

【中文标题】反应原生 TextInput 离开我的屏幕【英文标题】:React native TextInput going off my screen 【发布时间】:2021-02-22 19:50:41 【问题描述】:

我希望有一个带有本机反应的 TextInput,以便在文本越过该行时换行到下一行。我阅读了文档,并看到了多行道具。将 multiline 设置为 true 的问题是,当您按下回车键时,它会转到新行。

有没有一种方法可以让多行 TextInput 在禁用返回新行的情况下做出本机反应?

【问题讨论】:

【参考方案1】:

你可以试试这个:

<TextInput
  multiline=true
  value=this.state.fieldValue
  onChangeText=(text) =>  this.setState( fieldValue: text.replace('\n', '') )  />

【讨论】:

【参考方案2】:

试试这个:

<TextInput
   value=
   onChangeText=
   returnKeyType= "send" or "done" //depending on what you want to do.
   multiline
   />

或者只是输入 returnKeyType="" 并查看建议以选择您想要的操作。

【讨论】:

以上是关于反应原生 TextInput 离开我的屏幕的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 TextInput 字段在不同的屏幕上表现不同。在本机反应

渲染后将原生重置 ScrollView 反应到顶部

如何在多行反应原生 textInput 中包装文本

如何在TextInput中突出显示部分文本反应原生

反应本机中的TextInput显示具有颜色背景的文本值

在自定义组件中反应原生访问 refs