小编Shi*_*ngh的帖子

React Native-嵌套导航器时,React Navigation会缓慢过渡

我正在构建一个使用react-native的跨平台本机应用程序,并使用react-navigation在屏幕之间来回导航以及使用redux管理导航状态。当我嵌套导航器时,就会出现问题。

例如,我使用Stack Navigator作为应用程序的默认导航器。

export const DefaultNavigate = new StackNavigator(
{
        Login: {
            screen: LoginScreen,
        },
        Home: {
            screen: AppDrawerNavigate,
        },
        AppTabNav: {
            screen: AppTabNavigator,
        },
    }
);
Run Code Online (Sandbox Code Playgroud)

我的第一个屏幕是登录屏幕,主屏幕是抽屉式导航器。

const AppDrawerNavigate = new DrawerNavigator(
{
        InProcess: {
             screen: InProcess,
        },
        Machine: {
             screen: Machine
        },
        Settings: {
             screen: Settings
        },
        Logout: {
             screen: Logout
        },
        ContactUs: {
             screen: ContactUs
        }
    }
);
Run Code Online (Sandbox Code Playgroud)

当用户在Drawer Navigator中单击Machine时,我正在将屏幕导航到DefaultNavigator中声明的AppTabNav。

const AppTabNavigator = new TabNavigator(
    {
        MachineList: {
            screen: MachineList,
        },
        CalendarView: {
            screen: CalendarView,
        }
    }, …
Run Code Online (Sandbox Code Playgroud)

react-native redux react-navigation

3
推荐指数
2
解决办法
4539
查看次数

标签 统计

react-native ×1

react-navigation ×1

redux ×1