Question

我正在通过URL从我的服务器获得一个简介:

<Image
    source={
      profilePictureUrl !==   
        ? {uri: API_URL +  /  + profilePictureUrl}
        : PROFILE_DEFAULT
    }
    style={{width: 200, height: 200, borderRadius: 100}}
  />

在用户离线时,我如何能够在我的装置上挽救这一形象?

Answer 1

您可使用prefetch图像部件方法,下载图像和储存,供日后使用。

电话:await 图像:prefetch(API_URL+/+profilePictureUrl);,一俟用户在网上展示这种形象,如果你有照片。

Answer 2

that depends on the purpose of the usage of this image do you want to cache it then you can go with FastImage

import FastImage from  react-native-fast-image 

const YourImage = () => (
    <FastImage
        style={{ width: 200, height: 200 }}
        source={{
            uri:  https://unsplash.it/400/400?image=1 ,
            priority: FastImage.priority.normal,
        }}
        resizeMode={FastImage.resizeMode.contain}
    />
)

but if you want to use it for offline purposes then you can go with the option of using @react-native-async-storage/async-storage or any other storages that your

import AsyncStorage from  @react-native-async-storage/async-storage ;

// Save the image to async storage
await AsyncStorage.setItem( profilePicture , uri);

友情链接