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 Child Component code. No need to know about that. Everthing is fine there.

I am just having problem with the <TouchableWithoutFeedback>

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