React-Native 中的线性渐变背景色

Question

在我的应用程序中，我需要动态更改背景颜色。变化是通过回调从子视图到父视图的。目前它看起来像这样：

子视图：

onButton1Press() {
 this.props.callbackFromParent('#ff4c00');
}

父视图：

myCallback = (dataFromChild) => {
 this.setState({ backgroundColor: dataFromChild }); 
}

它工作得很好，但问题是我需要实现线性渐变背景颜色。

我发现了一个'react-native-linear-gradient'库，它在其他视图上运行良好，比如按钮，但我不能将它设置为背景颜色。

例子：

    <LinearGradient colors={['#085d87', '#27c7bb']}
       start={{ x: 0, y: 1 }}
       end={{ x: 1, y: 0 }}>
        <Text style={styles.buttonText}>LinearGradient</Text>
    </LinearGradient>

可以将背景颜色设置为渐变吗？是否有另一种方法可以使本机反应成为可能？谢谢。

Answer 1

如果你想把它放在背景中，那么你只需要用<LinearGradient你view的背景包裹示例：

<View style={{flex:1}}>
   <LinearGradient color={[...]} style={{flex:1}}>
    ...//Your component
   </LinearGradient>
</View> 

希望这可以帮助！