在React-Native中需要静态图像

我的RN应用程序（v0.19.0，ios和android）需要加载/启动画面（偶尔会有一些数据要在启动时加载），所以我想了解如何提供跨越各种设备的此屏幕的正确图像集。在React-Native中需要静态图像

代码是：

render() { 
    return (
     <View style={styles.container}> 
     <Image style={styles.image} source={require('../assets/splash/Default.png')} resizeMode={Image.resizeMode.cover} /> 
     </View> 
    ); 
    }

至于我可以告诉大家，我需要提供一组图像与正确的像素比例是多少？这与各种屏幕尺寸有什么关系？此外，RN docs只提及2x和3x，但PixelRatio上的文档指出还有1.5和3.5？（并且，文件名中是如何表示的？它是否为[email protected]？）如何解释纵向和横向？

文档在这个话题上看起来令人惊讶地轻。

来源

2016-02-14 alphadogg

react-native不支持（IIRC）自动选择基于方向和大小的图像大小。

我会建议，而不是像往常一样使用flexbox建立一个'SplashScreen'组件。这将有更多的好处，使您不必提供大量不同尺寸的图片！

来源

2016-02-14 07:58:39

在React-Native中需要静态图像

回答

相关问题