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

如何在React Native App中隐藏按钮

1 个答案: