Answer by Pritish Vaidya for blur by tapping outside of it, doesn't work in react native

You need to pass your dimensions / flex of the parent container to the TouchableWithoutFeedbackin order for it work.

Assuming that you have flex: 1 in your styles.container, add

<TouchableWithoutFeedback style={{flex: 1}} onPress={Keyboard.dismiss} accessible={false}>

to your child component in order for it to inherit the flex.