在 React-Native 中需要静态图像答案

【问题标题】：Requiring static images in React-Native在 React-Native 中需要静态图像
【发布时间】：2016-05-25 01:23:33
【问题描述】：

我的 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 吗？）我如何考虑纵向和横向？

文档似乎对这个主题非常轻松。

【问题讨论】：

标签： react-native screen-density pixel-ratio

【解决方案1】：

react-native 不 (IIRC) 支持根据方向和大小自动选择图像大小。

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

【讨论】：