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秒),然后再进入下一页