渐变背景不适用于屏幕

Question

我具有以下渲染功能：

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

之所以创建它，是因为我想为屏幕创建一个渐变背景。但是，当我打开此屏幕时，我看到该背景没有被应用。那么，怎么回事，我的代码有什么问题呢？

Answer 1

根据文档react native linear gradient，您需要将start和end指定为指定x和y坐标的对象。

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

Answer 2

您的代码一切都很好。

您只需向样式= {{flex：1}}的子组件添加样式 这将渲染渐变。