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

如果是true，则文本输入会遮挡输入的文本，以便像密码这样的敏感文本保持安全。默认值为false。不适用于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>
);
}