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

Question

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

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

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

会不会像

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

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

<Container>
  ..
</Container>

Answer 1

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