반응 네이티브에서 구성 요소를 숨기는 방법

React 기본 숨겨진 구성 요소는 "display:none/flex" 속성을 통해 구현할 수 있습니다. 구체적인 구현 방법은 다음과 같습니다. 1. 해당 반응 파일을 엽니다. 2. "”; 3. 버튼을 클릭하고 상태를 수정하여 구성 요소를 숨깁니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

리액트 네이티브에서 구성 요소를 숨기는 방법은 무엇입니까?

특정 문제 설명:

A의 switchAndroid 값을 통해 모듈 B의 표시 및 숨기기를 제어하는 ​​방법 모두 표시

문제 해결 방법:

확장 및 축소 기능 구현: 표시: 없음 /flex

버튼을 클릭하여 상태를 수정하여 컨트롤을 표시하거나 숨기세요

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=&#39;#ddd&#39; style={{color:&#39;#ccc&#39;}} 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 비디오 튜토리얼"

위 내용은 반응 네이티브에서 구성 요소를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!