React Navigation 切换背景颜色和样式 StackNavigator

React Navigation 是一个用于在 React Native 应用程序中实现导航的流行库。它提供了一种简单且灵活的方式来管理应用程序的导航结构，以及在不同屏幕之间进行切换。本文将介绍如何使用 React Navigation 的 StackNavigator 来切换背景颜色和样式。

javascript
import React from 'react';
import { View, Text, Button } from 'react-native';
import { createStackNavigator } from 'react-navigation';
class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Home',
    headerStyle: {
      backgroundColor: 'blue',
    },
    headerTintColor: 'white',
    headerTitleStyle: {
      fontWeight: 'bold',
    },
  };
  render() {
    return (
      
        Home Screen
                  title="Go to Details"
          onPress={() => this.props.navigation.navigate('Details')}
        />
      
    );
  }
}
class DetailsScreen extends React.Component {
  static navigationOptions = {
    title: 'Details',
    headerStyle: {
      backgroundColor: 'green',
    },
    headerTintColor: 'white',
    headerTitleStyle: {
      fontWeight: 'bold',
    },
  };
  render() {
    return (
      
        Details Screen
                  title="Go to Home"
          onPress={() => this.props.navigation.navigate('Home')}
        />
      
    );
  }
}
const AppNavigator = createStackNavigator({
  Home: HomeScreen,
  Details: DetailsScreen,
});
export default class App extends React.Component {
  render() {
    return ;
  }
}