Order.js

this screen contain the Tabs (AcceptedOrders,CompletedOrders)
https://i.stack.imgur.com/eHoZC.jpg


import React, { Component } from "react";
import { createAppContainer, createStackNavigator } from "react-navigation";
import NavTabs from "../screens/NavTabs";
// import NavOrderDetails from "../screens/NavOrderDetails";
import OrderDetails from "../screens/OrderDetails";
import { View } from "react-native";
export default class Orders extends Component {
  render() {
    return <MyOrdersScreen />;
  }
}
export const root = createStackNavigator(
  {
    NavTabs: { screen: NavTabs }
    // OrderDetails: {
    //   screen: OrderDetails,
    //   navigationOptions: () => ({
    //     title: "Order Details",
    //     headerRight: <View />,
    //     headerTintColor: "#2F98AE",
    //     headerStyle: {
    //       borderBottomColor: "white"
    //     },
    //     headerTitleStyle: {
    //       color: "#2F98AE",
    //       flex: 1,
    //       elevation: 0,
    //       fontSize: 25
    //     }
    //   })
    // }
  },

  {
    // headerMode: "none"
  }
);

const MyOrdersScreen = createAppContainer(root);