Question

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

代码是：

  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？（而且，文件名中是如何表示的？是check@3.5x.png吗？）我如何考虑纵向与横向？

这个主题的文档看起来非常清楚。

Answer 1

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

我建议您构建一个'SplashScreen'组件，并像往常一样使用flexbox进行布局。这将带来额外的好处，使您不必提供不同大小的数十个图像！

在React-Native中需要静态图像

1 个答案: