首先,我需要显示现有的图像,来自API的React Native。
那么我需要更新现有的图像并替换为新的图片。
代码:
<FlatList
data={filePath}
keyExtractor={(item, index) => index}
renderItem={({item}) => {
setImageName(item.fileName);
setImageType(item.type);
setImageUri(item.uri);
return (
<View>
<Image source={{uri: item.uri}} style={styles.imageStyle} />
</View>
);
}}
/>
按钮在那里我设置我的新图片
x一个一个一个一个x一个一个二个x
我从api得到了图像uri。我已经显示了它的回报,但它显示了我两个图片,现有的一个和新的一个
1条答案
按热度按时间xienkqul1#
要使用数据更新屏幕,需要使用
state
要了解它的工作原理,请先访问此链接,以便了解它的工作原理和使用方法
https://reactnative.dev/docs/state.html
之后,您可以检查平面列表是如何工作的,因为根据您的代码,您并不太了解react native。
FlatList接受数组作为数据而非对象
您可以在此处参考文档
https://reactnative.dev/docs/flatlist