如何使用原生基础将线性渐变应用于页眉。(React Native)

import React from 'react';
import { View, StyleSheet } from 'react-native';

const Header = () => {
  return (
    <View style={styles.header}>
      {/* 添加其他页眉内容 */}
    </View>
  );
};

const styles = StyleSheet.create({
  header: {
    height: 200,
    backgroundColor: 'blue',  // 设置背景颜色为蓝色，仅作为示例
    // 添加其他样式属性，如渐变色
  },
});

const App = () => {
  return (
    <View style={styles.container}>
      <Header />
      {/* 添加其他页面内容 */}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});