反应原生显示/隐藏视图

Question

我有一个名为test.js的文件。它有两个A类和B类。在B类中我有一个按钮hide view。

我想要的是当我点击hide view按钮然后它应该切换（显示/隐藏）A类视图而不加载。

我该怎么做？

Answer 1

您可以使用此示例：

export default class A extends Component {
  constructor(props){
    super(props)
    this.state = {showComponmentB: true}
  }

  _toggleShow = () => {
    this.setState({showComponmentB: !this.state.showComponmentB})
  }

  render() {
    return (
      <View style={styles.container}>
        {this.state.showComponmentB && <B/>}
        <Button title="toggle button" onPress={this._toggleShow}/>
      </View>
    );
  }
}

export class B extends Component {
  render() {
    return (
      <SomeView/>
    );
  }
}