1

我的 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 文档只提到 2x 和 3x，但PixelRatio上的文档表明还有 1.5 和 3.5？（而且，文件名中如何表示？是 check@3.5x.png 吗？）我如何考虑纵向和横向？

文档在这个话题上似乎出奇的轻松。

4

1 回答 1

1

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

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

于 2016-02-14T07:58:39.467 回答