如何在反应原生中按下进入时防止换行

Question

对于多行文本输入,当用户按回车键时,我想实现目标:

• 当用户按下回车键时,保持textinput焦点.
• 防止添加新行.

我没有看到任何道具能做什么,谁有想法？

react-native版本是0.28+,需要支持ios和android.

Answer 1

在TextInput中传递道具

blurOnSubmit = {true}然后在onBlur道具中使用ref聚焦textInput字段，这两个将阻止输入新行，并且焦点保留在文本输入字段上。如果只希望阻止用户输入换行符blurOnSubmit = {true}就足够了

此处的缺点是您可以看到键盘隐藏片刻然后弹出。有点像黑客。希望有人可以提出或即兴创作

Answer 2

这是示例：

$(".Post_Description_Text").keydown(function(e) {
  if (e.keyCode == 13 && !e.shiftKey) {
    e.preventDefault();
    alert("New line entered");
  }
});

.Post_Description_Text {
  width: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<textarea name="comment_text" id="comment_text" class="Post_Description_Text"></textarea>