如何在 React Native 中的所有屏幕上都有线性渐变背景答案

【问题标题】：How to have linear gradient background on all screens in React Native如何在 React Native 中的所有屏幕上都有线性渐变背景
【发布时间】：2018-01-29 08:35:45
【问题描述】：

我有一个用 React Native 编写的应用程序。我想在所有屏幕上都有一个渐变背景。可能是这样的：

我找到了react-native-linear-gradient 包，但是使用图像可以获得更高的性能吗？

另外，我如何确保它在所有页面上都保持为背景？

会不会是这样的

const Container = (props) => (
  <View>
    <LinearGradient colors=['blue', 'orange', 'blue'] />
    {props.children}
  </View>
);

然后在我所有的屏幕上使用

<Container>
  ..
</Container>

【问题讨论】：

你不能在 React native 中使用渐变作为颜色，它不允许，你可以使用 lib：github.com/react-native-community/react-native-linear-gradient

标签： reactjs react-native linear-gradients

【解决方案1】：

您可以尝试在一些图形编辑器中创建渐变图像，这些编辑器允许您设置从顶部（蓝色）到底部（透明）的线性渐变，并将此图像作为所有场景的背景。它可能会有所帮助。但是如果你需要动态改变渐变的颜色，你现在需要使用库。

【讨论】：