Градиентный фон не применяется для экрана

Question

У меня есть следующая функция рендеринга:

    <View style={styles.container}>
            <LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} start={[0, 0]} end={[1, 1]} />
            <View ... >
    </View>

Я создал его, потому что я хочу создать градиентный фон для моего экрана. Но когда я открываю этот экран, я вижу, что этот фон не применяется. Итак, в чем дело и что не так в моем коде?

react-native linear-gradients

0

Sergei Mikhailovskii 19 Авг 2019 в 12:29

Answer 1

В соответствии с документом реагировать на собственный линейный градиент вам необходимо указать начало и конец как объект, указывающий координаты x и y.

          <View style={styles.container}>
            <LinearGradient 
              colors={['#4c669f', '#3b5998', '#192f6a']} 
              start={{x: 0, y: 0}} 
              end={{x:1, y: 1}} 
            />
          <View>

2

warl0ck 19 Авг 2019 в 09:34

Answer 2

Все хорошо в вашем коде.

Вам просто нужно добавить стиль и к вашему дочернему компоненту style = {{flex: 1}}. Это отразит градиент.

0

Rishav Kumar 19 Авг 2019 в 09:43

Градиентный фон не применяется для экрана

2 ответа

Похожие вопросы

Новые вопросы

react-native