在 TextInput React native 中禁用返回键

【问题标题】：Disable return key in TextInput React native在 TextInput React native 中禁用返回键
【发布时间】：2017-12-14 11:57:13
【问题描述】：

我正在使用 React Native 的 TextInput。我想根据要求禁用返回键。有没有办法通过自定义代码禁用/启用返回键？我尝试了 enableReturnKeyAutomatically 但它不起作用。

【问题讨论】：

您好，欢迎来到 StackOverflow。请花一些时间阅读帮助页面，尤其是名为"What topics can I ask about here?" 和"What types of questions should I avoid asking?" 的部分。更重要的是，请阅读the Stack Overflow question checklist。您可能还想了解Minimal, Complete, and Verifiable Examples。

标签： react-native textinput

【解决方案1】：

是的，我们可以通过使用TextInput 的onSubmitEditing 属性来实现。在此处发布示例：

<TextInput                   
  value={password}   
  returnKeyType="done"  
  onSubmitEditing={() => {
      if (password != '') {
          onLoginPressed();
      }    
  }}    
  placeholder="Password"    
  sub_place="PASSWORD"                     
  onChangeText={value => setPassword(value)}                     
  blurOnSubmit={false}    
  ref={passwordFocus}   
/>

【讨论】：

你能检查一下缩进吗？您的原始代码真的很难阅读。我已经改进了缩进以帮助实现这一点。但由于我在 React Native 中做的工作不多，所以我对缩进内联函数定义的既定标准并不熟悉。