Touchable Highlight уменьшает изображения в React Native - PullRequest
Новая
       84

Touchable Highlight уменьшает изображения в React Native

0 голосов
/ 16 марта 2020

У меня проблема с Touchable Highlights и изображениями в React Native. Когда я не использую TH (Touchable Highlight), стили моего изображения работают идеально. 1

Но когда я добавляю TH для работы над навигацией в моем приложении, изображение полностью деконфигурируется, и я не знаю почему. Он не появляется. 2

Это мой код. 

<TouchableHighlight onPress={() => this.props.navigation.navigate("Catalog")}>
  <ImageBackground
    source={require("../assets/supermercados.png")}
    style={{ flex: 1, width: imageWidth, marginBottom: 10 }}
  >
    <View style={styles.view}>
      <Image
        source={require("../assets/iconSupermercados.png")}
        style={styles.icons}
      />
      <Text style={styles.text}>SUPERMERCADOS</Text>
    </View>
  </ImageBackground>
</TouchableHighlight>;

Спасибо за вашу помощь!

1 Ответ

0 голосов
/ 16 марта 2020

добавление стилей к проверке TouchableHighlight 

<TouchableHighlight style={{flex: 1, width: imageWidth, marginBottom: 10}} onPress={() => this.props.navigation.navigate('Catalog')}>
     <ImageBackground source={require('../assets/supermercados.png')} style={{ flex:1 }}>
         <View style={styles.view}>
             <Image source={require('../assets/iconSupermercados.png')} style={styles.icons} />
                 <Text style={styles.text}>SUPERMERCADOS</Text>
         </View>
     </ImageBackground>
</TouchableHighlight>
...