изображение передается как реквизит реагировать родной не показывает - PullRequest
Новая
       8

изображение передается как реквизит реагировать родной не показывает

0 голосов
/ 24 апреля 2020

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

главный экран здесь основной экран, на котором отображаются данные FlatList = продукты, содержащие URL-адрес изображения, и я регистрирую, что и получить правильный, но изображение не показывает const products = useSelector (state => state.products.availableProducts); 

return(

<FlatList numColumns ={2}
  data={products}
  keyExtractor={item => item.id}
  renderItem={itemData => (
    <ProductItem
      image={itemData.item.imageUrl}
      title={itemData.item.title}
      price={itemData.item.price}
      onSelect={()=>{
        props.navigation.navigate('detail', {
          productId: itemData.item.id,
        })
      }}
    >
    </ProductItem>
  )}
/>

ProductItem component 

<View style={style.product}> 
  <View style={style.touchable}>
    <TouchableCmp onPress={props.onSelect} useForeground>
      <View>
        <View style={style.imageContainer}>
          <Image style={style.image} source={{uri: props.image}} />
        </View>
        <View style={style.detail}>

          <Text style={style.title}>{props.title}</Text>
          <Text style={style.price}>{props.price}SDG</Text>
        </View>
      </View>
    </TouchableCmp>
    <View style={{marginTop:1}}>{props.delete}</View>
  </View>
</View>

Ответы [ 2 ]

0 голосов
/ 05 мая 2020

Я считаю, что следует добавить http: // к URL-адресу изображения, потому что я не добавляю при сохранении данных код будет выглядеть как 

<Image style={styles.image} source= 
{{uri:`http://${singleproduct.imageUrl}`}} />
0 голосов
/ 25 апреля 2020

¿Какими свойствами обладает тег стиля «style.image»? Может быть проблема с высотой или шириной изображения.

...