渐变背景不应用于屏幕

Question

我有以下渲染函数：

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

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

Answer 1

根据文档 反应原生线性渐变，您需要将开始和结束指定 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}} 的子组件中 这将呈现渐变。