Advertisement
Guest User

Untitled

a guest
Mar 21st, 2019
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. const AppStackNavigator = createStackNavigator({
  2. loginFlow: {
  3. screen: createStackNavigator({
  4. intro: { screen: Intro },
  5. login: { screen: Login },
  6. registration: { screen: Registration },
  7. }),
  8. navigationOptions: {
  9. header: null
  10. }
  11. },
  12. mainFlow: {
  13. screen: createStackNavigator({
  14. MyDrawer: createDrawerNavigator({
  15. Dashboard: {
  16. screen: Home,
  17. },
  18. first: {
  19. screen: first,
  20. },
  21. second: {
  22. screen: second
  23. },
  24. third: {
  25. screen: third
  26. },
  27. last: {
  28. screen: last
  29. }
  30. }),
  31.  
  32. // settings: { screen: SettingsScreen },
  33. someTab: {
  34. screen: createBottomTabNavigator({
  35. main: { screen: Home },
  36. firsrTab: { screen: Screen1 },
  37. secondTab: { screen: Screen2 },
  38. thirdTab: { screen: Screen3 },
  39. nextTab: { screen: Screen4 }
  40. }),
  41. navigationOptions: {
  42. header: null
  43. },
  44. }
  45. }),
  46. navigationOptions: {
  47. header: null
  48. }
  49. }
  50. });
  51.  
  52. const AppContainer = createAppContainer(AppStackNavigator);
  53.  
  54. import React from 'react';
  55. import { Header, Left, Icon, Right } from 'native-base';
  56.  
  57. const CustomHeader = (props) => {
  58. return(
  59. <Header>
  60. <Left>
  61. <Icon
  62. name='menu'
  63. onPress={() => {this.props.navigation.openDrawer()}}
  64. />
  65. </Left>
  66. </Header>
  67. )
  68. }
  69.  
  70. export { CustomHeader }
  71.  
  72. export default RootNavigation = createSwitchNavigator({
  73. LoginScreen: {screen: LoginContainer},
  74. Application: {screen: AppDrawer},
  75. });
  76.  
  77. const AppDrawer = createDrawerNavigator({
  78. ApplicationTab: {screen: TabBar},
  79. ... other screen that you might want to use in drawer navigation.
  80. }, {
  81. contentComponent : (props) => <MyCustomDrawer {...props} />
  82. });
  83.  
  84. const TabBar = createBottomTabNavigator({
  85. TabScreen1: {screen: Tab1},
  86. ... other tabs...
  87. }, {
  88. tabBarComponent : (props) => <MyTabBar {...props} />
  89. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement