event Press outside view react native

Question

I want to close picker when I press outside? Please help

Answer 1

1.First solution

<View >
    <TouchOpacity opPress={closePopup}>
        <View>{Popup of u here}</View>
    </TouchOpacity>
</View>

2. Using Overlay of react-native-elements libary

Answer 2

It is difficult to answer without looking at what your code is but you could try something like this:

closePopup = _ => {
  this.setState(previousState => ({ isFlatListVisible: false }));
}

<TouchableWithoutFeedback onPress={this.closePopup}>
  {isFlatListVisible && <FlatList />}
</TouchableWithoutFeedback>