Блог

Я новичок и до сих пор не знаю, как лучше структурировать это. я прочитал учебник по созданию appcontainer с помощью switchnavigator, где switch nav загружает контейнер и stack nav. Я хочу использовать Ui kitten starkit. Как сделать так, чтобы мой код выглядел так

результат, который я хочу

 export default () => (
  <ApplicationProvider {...eva} theme={eva.light}>
    <HomeScreen />
  </ApplicationProvider>
);
  

мой app.js

 const AppContainer = createStackNavigator(
  {
    default:createBottomTabNavigator(
      {
          Home: {
            screen: HomeScreen,
            navigationOptions:{
              tabBarIcon: ({tintColor}) => <Ionicons name="ios-home" size={20} color={tintColor}/>
            }
          },
       //and more.... {  ... }
        Profile: {
          screen: ProfileScreen,
          navigationOptions:{
            tabBarIcon: ({tintColor}) => <Ionicons name="ios-person" size={24} color={tintColor}/>
          }
        }
      },  
      {
        defaultNavigationOptions:{
          tabBarOnPress : ({navigation, defaultHandler}) =>{
            if(navigation.state.key === "Post"){
              navigation.navigate("postModal");
            }else{
              defaultHandler()
            }
          }
        },
        tabBarOptions:{
          activeTintColor: "#161F3D",
          inactiveTintColor:"#BBBBC4",
          showLabel: false
        }
      }
    ),
    postModal:{
      screen :PostScreen
    }
  },
  {
    mode : "modal",
    headerMode : "none"
  }
  
)

const AuthStack = createStackNavigator({
  Login:LoginScreen,
  Register:RegisterScreen
})
export default createAppContainer(
  createSwitchNavigator(
    {
      Loading: LoadingScreen,
      App : AppContainer,
      Auth : AuthStack
    },
    {
      initialRouteName :"Loading"
    }
  )
);
  

Я пробовал так, может быть, вы тоже можете попробовать это:-

  <Provider store={store}>
  <ApplicationProvider {...eva} theme={eva.light}>
  <StackNavigation/>
  </ApplicationProvider>
</Provider>