【问题标题】：React Native, why secureTextEntry not working?React Native，为什么secureTextEntry不起作用？
【发布时间】：2022-08-08 01:10:56
【问题描述】：
为什么我的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>
);
}
标签：
javascript
reactjs
react-native
expo
【解决方案1】：
secureTextEntry 不适用于 multiline。这是 React Native 的 documentation 所说的：
安全文本输入
如果是true，文本输入会掩盖输入的文本，以便密码等敏感文本保持安全。默认值为false。不适用于multiline={true}。
为了让它工作，删除multiline property，像这样：
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>
);
}