React Native Header Right图标

import React from 'react';
import { View, Text } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import Icon from 'react-native-vector-icons/FontAwesome';

// 自定义页面组件
class HomeScreen extends React.Component {
  static navigationOptions = {
    headerRight: (
      <Icon name="search" size={24} color="black" style={{ marginRight: 10 }} />
    ),
  };

  render() {
    return (
      <View>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

// 创建导航栏
const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

// 创建App容器
const AppContainer = createAppContainer(AppNavigator);

export default AppContainer;