reactnative如何隐藏组件

这篇文章主要讲解了“react native如何隐藏组件”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“react native如何隐藏组件”吧！

成都创新互联公司主打移动网站、成都网站建设、成都做网站、网站改版、网络推广、网站维护、国际域名空间、等互联网信息服务，为各行业提供服务。在技术实力的保障下，我们为客户承诺稳定，放心的服务，根据网站的内容与功能再决定采用什么样的设计。最后，要实现符合网站需求的内容、功能与设计，我们还会规划稳定安全的技术方案做保障。

react native隐藏组件可以通过“display:none/flex”属性来实现，其具体实现方法是：1、打开相应的react文件；2、创建“<Button color='#ddd' style={{color:'#ccc'}} title={...} onPress={...}/>”；3、通过点击Button，修改state的状态来实现隐藏组件即可。

具体问题描述：

如何通过A中的switchAndroid的value来控制B模块的显示和隐藏呢显示全部

问题解决方案：

展开，收起功能的实现： display: none / flex

点击Button，修改state的状态，从而展示/隐藏 控件

state = {
displayShuoming:'none',
btnShuoming:'>'
};
scrollShuoming =()=>{
let dis = this.state.displayShuoming;
if(dis == 'none'){
this.setState({
displayShuoming:'flex',
btnShuoming:'>'
})
}else{
this.setState({
displayShuoming:'none',
btnShuoming:'v'
})
}
}
render(){
return (
<View style={[styles.bg_white,styles.flex_col,styles.pl_20,styles.pr_20,styles.mt_10]}>
<View style={[styles.flex_row,styles.bg_white,styles.mt_10,styles.pb_10]}>
<Text style={[styles.flex_3]}>产品说明</Text>
<Button color='#ddd' style={{color:'#ccc'}} title={this.state.btnShuoming} onPress={this.scrollShuoming}/>
</View>
<View style={{display:this.state.displayShuoming}}>
<View style={[styles.flex_col,styles.border_top,styles.pt_10]}>
<Text style={[styles.text_gray]}>投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；投资资金安全由保险公司承保；</Text>
</View>
</View>
</View>
)
}

感谢各位的阅读，以上就是“react native如何隐藏组件”的内容了，经过本文的学习后，相信大家对react native如何隐藏组件这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

当前题目：reactnative如何隐藏组件
分享链接：https://www.cdcxhl.com/article14/gsecge.html

成都网站建设公司_创新互联，为您提供小程序开发、域名注册、网站策划、外贸网站建设、面包屑导航、网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联