react native怎么隐藏组件

藏色散人
Libérer: 2023-01-05 10:44:43
original
2801 人浏览过

react native隐藏组件可以通过“display:none/flex”属性来实现,其具体实现方法是:1、打开相应的react文件;2、创建“

react native怎么隐藏组件

本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。

react native 中如何对组件进行隐藏?

具体问题描述:

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

1a9841096a1065cab1aa7383eba8441.jpg

问题解决方案:

展开,收起功能的实现: 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 (


产品说明
Copier après la connexion

推荐学习:《react视频教程

以上是react native怎么隐藏组件的详细内容。更多信息请关注PHP中文网其他相关文章!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!