React native 渐变背景不适用于屏幕

React native 渐变背景不适用于屏幕,react-native,linear-gradients,React Native,Linear Gradients,我有以下渲染功能: <View style={styles.container}> <LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} start={[0, 0]} end={[1, 1]} /> <View ... > </View> 我创建了它,因为我想为我的屏幕创建一个渐变背景。但是当我打开这个屏幕时,我发现

我有以下渲染功能:

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

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

根据文档,您需要将起点和终点指定为指定x和y坐标的对象

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

根据文档,您需要将起点和终点指定为指定x和y坐标的对象

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

代码中的所有内容都很好

您只需要向style={{flex:1}的子组件添加一个样式
这将呈现渐变。

代码中的所有内容都很好

您只需要向style={{flex:1}的子组件添加一个样式
这将呈现渐变。

根据示例
start={{x:0,y:0}}end={{x:1,y:0}}
这是您需要指定start和endas的方式,根据示例
start={x:0,y:0}end={{x:1,y:0}
这是您需要指定start和end的方式