react-native - 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>

可以将背景颜色设置为渐变吗？是否有另一种方法可以在 react-native 中实现？谢谢。

标签： react-native

Answer 1

如果你想把它放在后台，那么你只需要用<LinearGradient你的view即背景包装例子：

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

希望这可以帮助！