反应本地显示其他组件取决于选择器的选择

Question

如果第一个选择器选择了某项，我想显示隐藏的选择器。

选择器更改时如何显示某些组件

{
              this.state.showme ?
                <View>
                  <Picker
                    selectedValue={this.state.PickerClearance}
                    style={styles.pickercont}
                    onValueChange={handlePickerChange}>
                    {/* onValueChange={(itemValue, itemIndex) => this.setState({ PickerClearance: itemValue })}> */}
                    <Picker.Item label='Certificate Type' value='0' />
                    <Picker.Item label="Barangay Certificate" value="barangay certificate" />
                    <Picker.Item label="Barangay Clearance" value="barangay clearance" />
                  </Picker>
                </View>
                :
                <View>
                  <Picker
                    selectedValue={this.state.PickerClearance}
                    style={styles.pickercont}
                    onValueChange={(itemValue, itemIndex) => this.setState({ PickerClearance: itemValue })}>
                    <Picker.Item label='Type of Certificates' value='0' />
                    <Picker.Item label="Barangay Certificate" value="barangay certificate" />
                    <Picker.Item label="Barangay Clearance" value="barangay clearance" />
                  </Picker>
                </View>
            }

Answer 1

您可以使用Modal。您可以设计Modal使其看起来像一个选择器。通过使用布尔状态值，您可以在任何时候提示模态。模态中的元素可以用Flatlist来构造。如果您需要示例代码，请添加注释。