React Navigation - 标题的渐变颜色

React Navigation 是一个用于 React Native 的流行导航库，它提供了在应用程序中实现页面导航的功能。在创建一个具有吸引力的用户界面时，页面标题的渐变颜色是一个重要的设计元素。通过使用 React Navigation 的 Stack Navigator，我们可以轻松地实现标题的渐变颜色效果。

javascript
import React from 'react';
import { View, Text } from 'react-native';
import { createStackNavigator } from 'react-navigation-stack';
const HomeScreen = () => {
  return (
    
      Home Screen
    
  );
};
const DetailsScreen = () => {
  return (
    
      Details Screen
    
  );
};
const AppNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,
  },
  {
    defaultNavigationOptions: {
      headerTitleStyle: {
        color: 'white',
      },
      headerStyle: {
        backgroundColor: 'blue',
      },
    },
  }
);
export default createAppContainer(AppNavigator);

javascript
import React from 'react';
import { View, Text } from 'react-native';
import { createStackNavigator } from 'react-navigation-stack';
import { HeaderButtons, Item } from 'react-navigation-header-buttons';
const HomeScreen = () => {
  return (
    
      Home Screen
    
  );
};
const DetailsScreen = () => {
  return (
    
      Details Screen
    
  );
};
const AppNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,
  },
  {
    defaultNavigationOptions: {
      headerTitleStyle: {
        color: 'white',
      },
      headerStyle: {
        backgroundColor: 'blue',
      },
      headerRight: () => (
        
           console.log('Add button pressed')} />
           console.log('Edit button pressed')} />
        
      ),
    },
  }
);
export default createAppContainer(AppNavigator);