Блог

Я столкнулся с ошибкой, упомянутой в названии. Я попытался добавить toString() метод, но это не решает проблему. Я написал uri вместо url этого, но ничего не получилось.

мой код:

 const images = [
    "http://localhost/media/categories/Butchies-2_EuH4UEC.jpg",
    "http://localhost/media/categories/original_cq43Fci.jpg",
  ];

  return (
    <View style={styles.screen}>
      <ScrollView>
        {images.map((i, index) => (
          <Image key={index} source={{ url: i }} style={styles.banner} />
        ))}
      </ScrollView>
 

Твой код работает, мой друг. источник должен быть uri только. Запустите код ниже и проверьте один раз.

     const imagesArray = [
        'https://reactnative.dev/img/header_logo.png',
        'https://reactnative.dev/img/header_logo.png',
        'https://reactnative.dev/img/header_logo.png'
    ]
    return (
        <View style={{ flex: 1,}}>
            {
                imagesArray.map((image, index) => (
                        <Image key={index} style={{ height: 40, width: 40, tintColor: 'blue' }} source={{ uri: image }} />
                    )
                )
            }
        </View>
    )