问题
我有一个堆栈导航器。当我从页面A切换到页面B（使用相同的ImageBackground组件时，下一个屏幕会立即显示，但没有背景图片。仅在大约1-2秒后才会显示。我使用背景图片（只是一个复杂的渐变，您可以与无关react-native，所以我将其导出为应用中每个页面的图像。因此，我创建了一个名为的组件Container，该组件仅将ImageBackground带有传入的Background图像导出。看起来像这样：
const BackgroundImageContainer = styled.ImageBackground`
justify-content: space-between;
flex: 1;
`;
const Container = ({children}) => (
<BackgroundImageContainer
source={require('../assets/Background.png')}
style={{flex: 1, width: null, height: null}}>
{children}
</BackgroundImageContainer>
);
我也有一个标签栏，当我切换到其他标签时，屏幕“闪烁白色”，因为我看到白色背景一秒钟，然后显示了实际的背景图像。
我认为这与图片的加载时间有关（尽管只有160KB）。当应用启动时如何加载此图像，然后“缓存”它，以便“立即”对所有组件可用？
看看这个，它应该帮助你理清图像缓存。
希望这可以帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句