如何在react导航6中添加渐变背景颜色？

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

const GradientBackground = () => {
  return (
    <LinearGradient
      colors={['#F26B6B', '#EEC55F']}  // 渐变色数组，可根据需求自定义颜色
      start={{ x: 0, y: 0 }}  // 渐变色起点坐标
      end={{ x: 1, y: 0 }}  // 渐变色终点坐标
      style={StyleSheet.absoluteFill}  // 样式，使渐变背景充满整个屏幕
    />
  );
};

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator
        screenOptions={{
          headerBackground: () => <GradientBackground />,  // 设置导航栈的背景为渐变背景组件
          headerTitleStyle: { color: '#FFF' },  // 设置导航栈标题文字颜色
        }}
      >
        {/* 在此处添加导航栈的各个屏幕 */}
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;