BooksInfo/App.js at master · Muhammad-Abdullah-dev/BooksInfo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

import {createStackNavigator, createAppContainer,createBottomTabNavigator} from 'react-navigation';
import { StyleSheet,View,Button,Text,TouchableOpacity } from 'react-native';
import React, { Component } from 'react';
import HomeScreen from './HomeScreen'
import ProfileScreen from './ProfileScreen'
import Signup from'./Signup'
import main from'./main'
import setting from './setting'
import detailscreen from './detailscreen'

const TabNavigator = createBottomTabNavigator({
  main: { screen: main },
  Settings: { screen: setting },

}
);

const showdetails = createStackNavigator({
  details: { screen: detailscreen },},

)

const initNavigator = createStackNavigator({
  Profile: { screen: ProfileScreen },
  Home: {screen: HomeScreen},
  signup: {screen: Signup},                               },
  {
    navigationOptions :  {
      headerStyle:
      {
        backgroundColor: 'red',
        textAlign: 'center',
      },
      alignSelf: 'center',
      headerTitleStyle:
      {
        fontWeight: 'bold',
        fontWeight: '300',
        textAlign: 'center',
        justifyContent: 'center',
        alignSelf: 'center',
        alignItems: 'center',
        flex: 1

      },

    }
  }
 )

const MainNavigator = createStackNavigator({
  init: {screen:initNavigator},
  mainScreen: {screen: TabNavigator},
  detailscreen: {screen: showdetails}
},{defaultNavigationOptions: {header: null} });

const App = createAppContainer(MainNavigator);

export default App;