Примечания к выпуску для v0.50.0

анчиваю учебник по реагированию на родной. Для определенного экрана инструктор рекомендует следующий код:

<Image source={bgImage} style={styles.backgroundContainer}> 
    <View style={styles.container}>
        <Quote quoteText={this.props.text} quoteSource={this.props.source}/>
    </View>
</Image>

Но когда я использую это, я получаю вышеуказанную ошибку.

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

РЕДАКТИРОВАТЬ: Как указано ниже, вот мой код для стиля. Я использую фоновое градиентное изображение, хранящееся локально в коде приложения, с текстом, наложенным поверх этого фона. То, что я сейчас получаю, пользуясь предложенным ниже предложением, это просто текст в самом верху экрана и отсутствие фонового изображения.

const styles = StyleSheet.create({
  backgroundContainer: {
    flex: 1,
    resizeMode: 'cover',
    width: undefined,
    height: undefined,
    backgroundColor: '#889DAD',
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'transparent',
  },
});

Ответы на вопрос(2)

вы не можете вкладывать компоненты внутрь<Image> тег, скорее вы должны использовать<ImageBackground> для фоновых изображений.Примечания к выпуску для v0.50.0

Решение Вопроса

ы должны обернуть View вокруг своего изображения и позиционировать его как абсолютный.

<View style={{ flex: 1}}>
<Image source={bgImage} style={styles.backgroundContainer} /> 
<View style={styles.container}>
    <Quote quoteText={this.props.text} quoteSource={this.props.source}/>
</View>
</View>


container: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0, 
    justifyContent: 'center',
    alignItems: 'center',
  },

РЕДАКТИРОВАТЬ: Начиная с реакции-родной версии 50.0, вы можете просто использоватьImageBackground

 Eric LaRue22 нояб. 2017 г., 20:33
Да, удаление стиля «backgroundContainer» заставит фоновое изображение правильно визуализироваться. Спасибо!
 Eric LaRue22 нояб. 2017 г., 18:42
Это то, что я попробовал сначала. Однако, когда я сделал это, изображение не рендерилось (что может быть совсем другой проблемой, я признаю).
 Eric LaRue22 нояб. 2017 г., 19:13
Я отредактировал ОП, включив в него цель стилизации и код стилизации, который я использовал.

Ваш ответ на вопрос