Как использовать библиотеку реагировать-native-image-carousel с плоским списком - PullRequest
Новая
       6

Как использовать библиотеку реагировать-native-image-carousel с плоским списком

0 голосов
/ 15 января 2019

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

Пока я использую тот же пример статических данных, он работает. здесь это пример https://github.com/anvilabs/react-native-image-carousel/blob/master/Example/App.js., но я использую flatlist для удаления моих изображений, и я получаю ошибку при попытке использовать с flatlist.

это моя функция отображения изображения 

    renderImage = (idx) => (
    <Image
      style={StyleSheet.absoluteFill}
      resizeMode="contain"
      source={{ uri: this.state.gallery[idx] }}
    />
  );

и это мой плоский список 

<View>
        <FlatList
          numColumns={3}
          data={this.state.gallery}
          keyExtractor={(i) => i}
          renderItem={({ item }) =>
            <ImageCarousel
            ref={(imageCarousel) => {
              this._imageCarousel = imageCarousel;
            }}
              renderContent={this.renderImage}>

              <View style={styles.galleryStyle}>
                <Image style={styles.imageStyle1} source={{ uri: item.image }} />
              </View>

            </ImageCarousel>
          }
        ></FlatList>
      </View>

если я запускаю этот код, я получаю сообщение об ошибке типа error while updating property src of a view value of uri can't be cast from readableNativeMap to string

и моя галерея содержит 

(3) [{…}, {…}, {…}]
0: {project: 2, image: "http://media/projects/gallery_image/homepage-banner.jpg"}
1: {project: 2, image: "http://media/project/software-development.jpg"}
2: {project: 2, image: "http://media/projects/gallery_image/New_FRS_Image_Mobile_app_development.jpg"}
length: 3
__proto__: Array(0)

и я определил свое состояние как 

this.state={
gallery: {
        images: []
      }
}

помогите, если кто-нибудь знает об этом. Спасибо в Advace

...