javascript 我如何在react native中更新我现有的映像

cgvd09ve  于 2023-01-29  发布在  Java
关注(0)|答案(1)|浏览(130)

首先,我需要显示现有的图像,来自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。我已经显示了它的回报,但它显示了我两个图片,现有的一个和新的一个

xienkqul

xienkqul1#

要使用数据更新屏幕,需要使用state
要了解它的工作原理,请先访问此链接,以便了解它的工作原理和使用方法
https://reactnative.dev/docs/state.html
之后,您可以检查平面列表是如何工作的,因为根据您的代码,您并不太了解react native。
FlatList接受数组作为数据而非对象
您可以在此处参考文档
https://reactnative.dev/docs/flatlist

相关问题