React Native，为什么 secureTextEntry 不起作用？

Question

为什么我的 secureTextEntry 不工作？这是我的代码：

export default function App() {
  const { t } = useTranslation();
  const [value, setValue] = useState('');
  return (
    <View style={s.container}>
      <Input value='' placeholder='Passwort' style={[InputStyles.normal, s.inputMargin]} />
      <Input value={value} onChangeText={(e) => setValue(e)} placeholder='E-Mail' style={InputStyles.normal_icon} icon={<AntDesign name="stepforward" size={24} color="black" />} multiline secureTextEntry={true} keyboardType='default' />
    </View>
  );
}

Answer 1

secureTextEntry 不适用于 multiline。这是 React Native 的文档所说的：

secureTextEntry

If true, the text input obscures the text entered so that sensitive text like passwords stay secure. The default value is false. Does not work with multiline={true}.

为了使其正常工作，删除 multiline 专有性，如下所示：

export default function App() {
  const { t } = useTranslation();
  const [value, setValue] = useState('');
  return (
    <View style={s.container}>
      <Input value='' placeholder='Passwort' style={[InputStyles.normal, s.inputMargin]} />
      <Input value={value} onChangeText={(e) => setValue(e)} placeholder='E-Mail' style={InputStyles.normal_icon} icon={<AntDesign name="stepforward" size={24} color="black" />} secureTextEntry={true} keyboardType='default' />
    </View>
  );
}

React Native，为什么 secureTextEntry 不起作用？

React Native, why secureTextEntry not working?

javascript

reactjs

react-native

expo

secureTextEntry