Bagaimana untuk menyembunyikan komponen dalam react native

Komponen tersembunyi asli React boleh dilaksanakan melalui atribut "display:none/flex" Kaedah pelaksanaan khusus ialah: 1. Buka fail tindak balas yang sepadan 2. Cipta "” 3. Cuma klik Butang dan ubah suai keadaan untuk menyembunyikan komponen.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk menyembunyikan komponen dalam tindak balas asli?

Perihalan masalah terperinci:

Bagaimana untuk mengawal paparan dan penyembunyian modul B melalui nilai switchAndroid dalam A? Tunjukkan semua

Penyelesaian masalah:

Kembangkan dan runtuhkan pelaksanaan fungsi: paparan: tiada / lentur

Klik Butang untuk mengubah suai keadaan untuk menunjukkan/menyembunyikan kawalan

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>
)
}

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan komponen dalam react native. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!