为什么我的设计在我使用时消失了<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';导入了import { TouchableWithoutFeedback } from 'react-native-gesture-handler';

适用于 ios 和 android 平台。

Answer 1

将style={{height: '100%'}}到您的TouchableWithoutFeedback组件

Answer 2

之前遇到过这个问题并从 react native 导入它而不是 react native 手势处理程序或使用具有透明属性的按钮而不是可触摸的

Answer 3

导入语句有问题。 采用

import { TouchableWithoutFeedback } from 'react-native';

反而

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