Фоновое изображение в полноэкранном режиме отличается от сетевого и локального хранилища

Question

Я пытаюсь растянуть фоновое изображение на весь экран.
Кажется, что изображения ведут себя по-разному при получении из сети и из локального хранилища.

Эта функция не растягивает изображение в соответствии с запросом (поле белого цвета составляет около 70 пикселей справа): это моя функция render():

  var BackgroundImage = require('./images/logo_og.png');

  render(){
    return(
      <View style={[{flex: 1, alignItems: 'stretch'}]}>
      <Image source={BackgroundImage} style={[{flex: 1}]} >
      </Image>
    </View>
  );

Та же функция рендеринга хорошо работает для отображения изображения, получаемого из сети:

  render(){
    return(
      <View style={[{flex: 1, alignItems: 'stretch'}]}>
      <Image source={{uri:'https://facebook.github.io/react/img/logo_og.png'}} style={[{flex: 1}]} >
      </Image>
    </View>
  );

Есть идеи, что происходит?

Answer 1

О подобной проблеме сообщалось здесь. Попробуйте установить ширину изображения в null:

<Image source={BackgroundImage} style={[{flex: 1, width: null}]} >