Требование статических изображений в React-Native

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 упоминается только 2x и 3x, но документы в PixelRatio указывают, что есть также 1,5 и 3,5? (И как это указано в имени файла? Это [e-mail]?) Как я могу объяснить портретную или альбомную ориентацию?

Документы кажутся удивительно легкими в этой теме.

Answer 1

Реакция-нативная (IIRC) не имеет никакой поддержки для автоматического выбора размера изображения на основе ориентации и размера.

Вместо этого я бы посоветовал вам создать компонент SplashScreen и выложить его, как обычно, с помощью flexbox. Это даст вам дополнительное преимущество, избавляя вас от необходимости предоставлять десятки изображений разных размеров!