react native show the other component depends on the picker choice

Question

I want to show the hidden picker if the first picker has choose something.

How to show some component when picker changes

{
              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

You could use a Modal . You could design the Modal in such a way that it looks like a picker. By using the boolean state value you can prompt the modal anytime you want. Elements in the modal could be structured in terms of a Flatlist . If you want a sample code do comment.