Orders.js

import React, { Component } from "react";
import { createAppContainer, createStackNavigator } from "react-navigation";
import NavTabs from "../screens/NavTabs";
import { View } from "react-native";
import OrderDetails from "../screens/OrderDetails";

export default class Orders extends Component {
  render() {
    return <MyOrdersScreen />;
  }
}
export const root = createStackNavigator(
  {
    NavTabs: NavTabs,
    OrderDetails: {
      screen: OrderDetails
      // navigationOptions: () => ({
      //   title: "Order Details",
      //   headerRight: <View />,
      //   headerTintColor: "#2F98AE",
      //   headerStyle: {
      //     borderBottomColor: "white"
      //   },
      //   headerTitleStyle: {
      //     color: "#2F98AE",
      //     flex: 1,
      //     elevation: 0,
      //     fontSize: 25
      //   }
      // })
    }
  },
  {
    defaultNavigationOptions: {
      header: null
    }
  }
);
const MyOrdersScreen = createAppContainer(root);