如何在本机应用程序中隐藏按钮

Question

如何在我的 React 本机应用程序中仅在视图中隐藏按钮？这是我的代码，如果我删除按钮然后下拉菜单不显示，那么我该怎么做才能隐藏按钮？

<View style={styles.container}>
      <Picker
           selectedValue={this.state.PickerSelectedVal}
           onValueChange={(itemValue, itemIndex) => this.setState({PickerSelectedVal: itemValue})} >

           <Picker.Item label="India" value="India" />
           <Picker.Item label="USA" value="USA" />
           <Picker.Item label="China" value="China" />
           <Picker.Item label="Russia" value="Russia" />
           <Picker.Item label="United Kingdom" value="United Kingdom" />
           <Picker.Item label="France" value="France" />

         </Picker>

         <Button title="Get Selected Picker Value" onPress={ this.getSelectedPickerValue } />
      </View>

Answer 1

在你的状态对象：

constructor(){
    super();
    this.state ={
      showButton: false
    }
  }

在你的渲染部分，你可以做类似的事情：

{this.state.showButton && <Button title="Get Selected Picker Value" onPress={ this.getSelectedPickerValue } />}

而且，您可以使用这些来显示或隐藏您的按钮：

this.setState({showButton: true})

如何在本机应用程序中隐藏按钮

how to hide the button in react native app

reactjs

react-native