citizenship_app_news/src/configs/RouterConfig.js

News module for Citizenship project application

import React, { Component } from "react";
import { createStackNavigator, createAppContainer, createBottomTabNavigator, createDrawerNavigator } from "react-navigation";
import { Image, StyleSheet, View, Text, I18nManager } from 'react-native'
import { Navigation } from "../controllers";
import { fadeIn, fromTop, fromBottom } from 'react-navigation-transitions';
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
import { HomeScreen, DrawerLayout } from "../main/Home";
import { TestScreen } from "../main/Test";

const DrawerNavigator = createDrawerNavigator({
    Tabs: HomeScreen,
}, {
        contentComponent: props => <DrawerLayout {...props} />,
        drawerPosition: I18nManager.isRTL ? 'right' : 'left',
        drawerType: 'front',
        drawerWidth: wp('75%')
    })
const mainStackNavigator = createStackNavigator(
    {
        HomeScreen: DrawerNavigator,
        TestScreen: TestScreen
    },
    {
        initialRouteName: 'HomeScreen',
        headerMode: 'none',
        navigationOptions: {
            gesturesEnabled: true
        },
        transitionConfig: () => fromBottom()
    }
)


const AppContainer = createAppContainer(mainStackNavigator)

export default class Router extends Component {
    render() {
        return (
            <AppContainer ref={navRef => Navigation.setTopLevelNavigator(navRef)} />
        )
    }
}