react native控制view的显示与隐藏

例子:

constructor(props) {
        super(props);
        this.state = {
            show: false,
        }
    }
_show(){

this.setState((previousState) => { return ({ show: !previousState.show, }) }); } render() { let a = this.state.show ? <Text>待显示的内容</Text> : null; return ( <View> <TouchableOpacity onPress={() => this._show()}> <View> <Text>点我</Text> </View> </TouchableOpacity> {a} </View> ) }

我的使用效果:

代码:

image.png

效果:

image.png

image.png

效果杠杠的~

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容