react实现密码隐藏功能的方法：1、添加依赖“import {View,Text,TouchableWithoutFeedback,TextInput,Image,StyleSheet,} from 'react-native';”；2、通过“{this.state.imageState ? (...)}”方法实现密码显示与隐藏功能即可。
本教程操作环境：Windows10系统、React Native0.67版、Dell G3电脑。
react怎么实现密码隐藏功能？
React Native 密码输入的显示与隐藏 Image点击事件 眼睛 输入框密码
1.效果图
DK企业网站管理系统1.1
下载
后台路径网址+admin（请修改更安全）后台用户名密码admin产品定位：中小型企业，本系统简单实用，无冗余功能,无功能限制。后台功能：一、网站基本信息此功能允许您从后台设置网站的名称、联系人、电话、公司地址、版权、第三方统计代码等等常用信息。二、导航栏设置可以从后台调整导航栏显示项目，可以进行增加删除排序隐藏导航栏等操作三、幻灯设置可以从后台设置前台动画轮播图片，支持排序。四、单页功能用来设置公
2.添加依赖
import {
View,
Text,
TouchableWithoutFeedback,
TextInput,
Image,
StyleSheet,
} from 'react-native';3.代码功能实现
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
imageState: false,
};
}
render() {
return (
请输入密码:
test12345test
{this.state.imageState ? (
);
}
onPressChang = () => {
this.setState({
imageState: !this.state.imageState,
});
};
}
const pageStyle = StyleSheet.create({
textInfoStyle: {
alignSelf: 'center',
marginLeft: 40,
color: '#343434',
fontSize: 16,
flex: 1,
},
textStyle: {
alignSelf: 'center',
marginLeft: 10,
color: '#343434',
fontSize: 16,
},
});推荐学习：《react视频教程》
