как спроектировать ящикнавигатор со справочным приложением - PullRequest
Новая
       6

как спроектировать ящикнавигатор со справочным приложением

0 голосов
/ 02 октября 2018

// вот мое appstacknavigation в appdrawer с навигацией по вкладкам 

 import AuthLoadingScreen from './src/screens/AuthLoadingScreen'
 import WelcomeScreen from './src/screens/WelcomeScreen'
 import SignInScreen from './src/screens/SignInScreen' 
 import SignUpScreen from './src/screens/SignUpScreen'
 import HomeScreen from './src/screens/HomeScreen'
 import SettingsScreen from './src/screens/SettingsScreen'


const AuthStackNavigator = createStackNavigator({
  Welcome: WelcomeScreen,
  SignIn: SignInScreen,
  SignUp: SignUpScreen
})

const AppTabNavigator = createBottomTabNavigator({
  HomeScreen: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: 'HOME',
      tabBarIcon: () => (
        <Icon name="ios-home-outline" size={24} />
      )
    }
  },
  Settings: {
    screen: SettingsScreen,
    navigationOptions: {
      tabBarLabel: 'SETTINGS',
      tabBarIcon: () => (
        <Icon name="ios-settings-outline" size={24} />
      )
    }

  }
})

const AppStackNavigator = createStackNavigator({
  AppTabNavigator: {
    screen: AppTabNavigator,
    navigationOptions: ({ navigation }) => ({
      header: null
    })
  }
})

// Здесь, в ящике, при добавлении любого экрана без компонента app stck отображается конкретный экран const AppDrawerNavigator = createDrawerNavigator ({Home:AppStackNavigator}) // как мне создать это 

 export default createSwitchNavigator({
 AuthLoading: AuthLoadingScreen,
 Auth: AuthStackNavigator,
 App: AppDrawerNavigator
 })

 const styles = StyleSheet.create({
 container: {
  flex: 1,
 alignItems: 'center',
 justifyContent: 'center'
 }

});

...