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}