Bagaimana untuk menyembunyikan komponen dalam react native-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menyembunyikan komponen dalam react native

藏色散人

Lepaskan： 2023-01-05 10:44:43

asal

2964 orang telah melayarinya

Komponen tersembunyi asli React boleh dilaksanakan melalui atribut "display:none/flex" Kaedah pelaksanaan khusus ialah: 1. Buka fail tindak balas yang sepadan 2. Cipta "

Bagaimana untuk menyembunyikan komponen dalam react native

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

Bagaimana untuk menyembunyikan komponen dalam react native

Penyelesaian masalah:

Kembangkan dan runtuhkan pelaksanaan fungsi: paparan: tiada / lentur

Klik Butang untuk mengubah suai keadaan untuk menunjukkan/menyembunyikan kawalan

state = {
displayShuoming:&#39;none&#39;,
btnShuoming:&#39;>&#39;
};
scrollShuoming =()=>{
let dis = this.state.displayShuoming;
if(dis == &#39;none&#39;){
this.setState({
displayShuoming:&#39;flex&#39;,
btnShuoming:&#39;>&#39;
})
}else{
this.setState({
displayShuoming:&#39;none&#39;,
btnShuoming:&#39;v&#39;
})
}
}
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>
)
}

Salin selepas log masuk

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!