React Native中如何移除TextInput的键盘预测栏？

很简单，给你的<TextInput/>组件加上autoCorrect={false}属性就可以关闭键盘上方的预测/校正栏了！这个属性会直接禁用键盘的自动校正和文本预测功能，正好解决你遇到的问题。

针对你的邮箱输入场景，修改后的代码如下：

<TextInput 
  placeholder="email" 
  autoCapitalize="none" 
  keyboardType="email-address" 
  placeholderTextColor="white" 
  style={styles.input} 
  onChangeText={email => this.setState({ email })} 
  value={this.state.email}
  autoCorrect={false} // 新增此属性隐藏预测栏
/>

额外提一句：如果是iOS平台，你还可以搭配spellCheck={false}来进一步关闭拼写检查相关的提示，但对于邮箱输入框这类场景，autoCorrect={false}已经完全足够啦，毕竟邮箱地址本身不需要自动校正功能~

内容的提问来源于stack exchange，提问作者joshkmartinez