React Native: Как создать полноэкранный градиентный фон с помощью LinearGradient на выставке?

Question

Я создаю Экран входа в игру в native v0.55, используя инструмент CRNA, и я хочу полностью использовать градиент на фоне сверху вниз.Я пытался, но, таким образом, я не могу правильно создать экран входа в систему.Ниже мой код, пожалуйста, помогите мне.вот и ссылка * -> * https://snack.expo.io/r1aqB9gwQ

    import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';
import { LinearGradient } from 'expo';

// You can import from local files

// or any pure javascript modules available in npm
import { Card } from 'react-native-elements'; // Version can be specified in package.json

export default class App extends React.Component {
  render() {
    return (
      <LinearGradient
      colors={["blue", "red"]}
      style={{
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
        height: 570,
      }} >
      <Text style={{
      justifyContent: 'center',
      textAlign: 'center',
      fontSize: 20,
      fontWeight: 'bold',
      }}>Hi World</Text>
      </LinearGradient>

    );
  }
}

Answer 1

style={{flex:1}} 

или ваш основной стиль контейнера

Answer 2

Измените height: 570 на top: 0.Высота может отличаться для разных устройств.