Why my design gets disappear when I use ?

<View style={{flex:1}} ><ImageBackground          source={require('../images/back02.png')}          style={styles.bgscreen}          onPress={Keyboard.dismiss}><KeyboardAvoidingView behavior='position'><Image          style={styles.headImage}          source={require('../images/login_img.png')} /><ImgBack navigation={this.props.navigation} /></KeyboardAvoidingView></ImageBackground></View></TouchableWithoutFeedback>

If I remove <TouchableWithoutFeedback> then everything is fine. Help me. Don't ask for the Child Component code. No need to know about that. Everything is fine there.

I am just having a problem with the <TouchableWithoutFeedback>

I have imported import { TouchableWithoutFeedback } from 'react-native-gesture-handler';

for both platforms ios and android.