React Native: невозможно установить uri изображения в FlatList

Я пытаюсь получить доступ к / wp-json / wp / v2 / media/ wordpress API и получить uri изображения из guid.rendered и установить его как Image внутри FlatList, но получаю следующую ошибку

вы попытались установить ключ _v со значением 1 для объекта, который должен быть неизменяемым и замороженным.

Home.js

      return(
  <SafeAreaView style={styles.container}> 
    <View>
           {isLoading ? <ActivityIndicator /> : (
     <FlatList 
     onRefresh={onRefresh}
     refreshing={isFetching}
      data={post}
      keyExtractor={({ id },index) => id}
      renderItem={({ item }) => (
        <TouchableOpacity onPress={() => Alert.alert('Blog reader feature will be available soon!')}>
          <View style={{padding:5,backgroundColor:'#3578e5',margin:5}}>
            <Image style={{width:Dimensions.width,height:250}} source={{
              uri: getBlogPostsImage(item.featured_media)
            }}/>
          <Text style={{fontWeight:'bold',color:'#fff',fontSize:20,marginTop:5}}>{item.title.rendered}</Text>
          <Text style={{color:'#fff',marginTop:5}}>{item.date}</Text>
          <RenderHtml source={getContent(item)} tagsStyles={tagsStyles} />
          </View>
        </TouchableOpacity>
      )
    }
    />
  )}
  </View>
  </SafeAreaView>   
);

getBlogPostsImage ()

      const getBlogPostsImage = async (id) => {
  try {
   const response = await fetch('http://wp.devlops.xyz/wp-json/wp/v2/media/'+id);
   const jsonPostImage = await response.json();
   return jsonPostImage.guid.rendered;
 } catch (error) {
   Alert.alert("Failed to load image");
 }

}

Я также попытался получить, если рекомендуемое изображение существует, но это тоже не сработало.

      {item.featured_media>0 ? <Image style={{width:Dimensions.width,height:250}} source={{
              uri: getBlogPostsImage(item.featured_media)
            }}/>:null}

0 ответов

Другие вопросы по тегам