React native ReactNative-ImageBackground延迟加载本地图像
我注意到,当我运行React native ReactNative-ImageBackground延迟加载本地图像,react-native,imagebackground,delay-load,React Native,Imagebackground,Delay Load,我注意到,当我运行react native应用程序时,我使用标签设置为背景的图像加载延迟几乎为2秒,即使它们不是厚重的图像(~100K),并且存储在本地 我也读过,但没有解决我的问题 这是我插入图像作为背景的简单代码: <ImageBackground source={require('../images/ScanQR.png')} style={styles.backgroundImage}> <Text style={styles.domanda}>
react native
应用程序时,我使用标签
设置为背景的图像加载延迟几乎为2秒,即使它们不是厚重的图像(~100K),并且存储在本地
我也读过,但没有解决我的问题
这是我插入图像作为背景的简单代码:
<ImageBackground source={require('../images/ScanQR.png')} style={styles.backgroundImage}>
<Text style={styles.domanda}>
Example text
</Text>
</ImageBackground>
示例文本
您可以要求()在加载之前加载App.js中的图像。这样做:
异步函数loadResourcesAsync(){
等待承诺([
Asset.loadAsync([
要求('./assets/images/stock1.jpg'),
要求('./assets/images/stock2.jpg'),
需要(“./assets/images/undraw1.png”),
]),
Font.loadAsync({
//这是我们用于选项卡栏的字体
…Ionicons.font,
//我们包括SpaceMono,因为我们在HomeScreen.js中使用它
//如果未在应用程序中使用,请将其删除
“open sans regular”:需要(“./assets/font/OpenSans regular.ttf”),
“open sans extrabold”:需要(“./assets/font/OpenSans extrabold.ttf”),
}),
]);
}
我在这里使用Expo,您不需要创建此函数,它已经在App.js中,只需将您的图像添加到require()函数中即可
我不知道这在没有Expo的React Native中是否有效。按照您的建议操作可以解决上载图像的问题,但反过来又会产生另一个问题。按下按钮时,会选择一个时间(约1秒),然后再进入下一页