Почему мой дизайн исчезает, когда я использую <TouchableWithoutFeedback>?

Question

      <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>

Если я удалю <TouchableWithoutFeedback>, тогда все в порядке. Помоги мне. Не спрашивайте код дочернего компонента. Не нужно знать об этом. Там все хорошо.

У меня просто проблема с <TouchableWithoutFeedback>

, который я импортировал import { TouchableWithoutFeedback } from 'react-native-gesture-handler';

Answer 1

используйте

import { TouchableWithoutFeedback } from 'react-native';

вместо

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

Answer 2

сталкивался с этой проблемой раньше и импортировал ее из обработчика реагировать на родной, не реагировать на собственный жест или использовать кнопку с прозрачным атрибутом вместо сенсорного