android - 如果创建大写字母，则 TextInput 值上的 toLowerCase 会创建重复文本

Question

这个很有趣。

我创建了一个 TextInput，它接受一个值，然后将其小写，将其添加到状态，并将其设置为默认值。在我的 android 物理设备上，如果你强制使用大写字母(autocapitalize 设置为无)，然后快速点击其他字母，它会复制并添加额外的文本。

有没有办法避免这种情况？

这是零食https://snack.expo.io/Hk1reKHJ4

在你的android或者模拟器上运行，点击键盘上的大写按钮，再点击几个字母，再点击大写，再点击几个字母，你应该设置这个错误。

谢谢!

export default class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      text: ''
    }
  }
  render() {
    return (
      <View style={styles.container}>
        <TextInput
          style={ styles.inputContainer }
          defaultValue={ this.state.text }
          autoCapitalize="none"
          onChangeText={ value => this.setState({ 
            text: value.trim().toLowerCase()
            })}
        />
      </View>
    );
  }
}

Answer 1

在TextInput里面添加这三行，应该可以解决问题，原文answer source

 autoCapitalize="none"
 secureTextEntry={true}
 keyboardType={"visible-password"}

看我这个answer例如