渐变背景不适用于屏幕

Question

我有以下渲染函数：

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

我创建了它，因为我想为我的屏幕创建一个渐变背景。但是当我打开这个屏幕时，我发现这个背景没有应用。那么，我的代码出了什么问题？

Answer 1

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

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

Answer 2

你的代码一切都很好。

您只需要为 style = {{flex:1}} 的子组件也添加一个样式这将渲染渐变。

渐变背景不适用于屏幕

Gradient background is not applied for screen

linear-gradients

react-native