反应本机元素形成安全的文本输入

Question

我想对用户密码的文本输入使用React Native元素形式。我的代码在这里：

<FormLabel> Passsword </FormLabel>
<FormInput 
onChangeText - {(text) => this.setState({password: text})}
/>

我如何使他们输入的文本安全，以使没人能看到它是什么。对于textInput他们有secureTextEntry但我无法找到类似的东西来反应本机元素

Answer 1

React Native Elements Input 从React Native 继承了所有Native TextInput 属性：

参见：https : //react-native-training.github.io/react-native-elements/docs/input.html#props

所以这很好用：

import { Input } from 'react-native-elements'

<Input placeholder="password" secureTextEntry={true} />

Answer 2

使用TextInput的属性secureTextEntry隐藏密码字段

            <TextInput
                   .....
                    secureTextEntry={true}  
                />

该字段接受boolean值true 的隐藏文本，false用于显示文本

Answer 3

React Native Elements FormInput 不支持 secureTextEntry。只需添加一个 TextInput 而不是 FormInput 它将工作相同并且如果样式正确看起来相同。