react-native - 如何在我的模式中实现 Ui 小猫？

Question

我是新手，但仍然不知道最好的结构。我阅读了使用 switchnavigator 制作 appcontainer 的教程，其中 switch 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"
    }
  )
);

Answer 1

我确实尝试过这样可能你也可以试试这个： -

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