Глубокая связь с вложенной навигацией - PullRequest
Новая
       20

Глубокая связь с вложенной навигацией

6 голосов
/ 07 июня 2019

Попытка настроить глубокие ссылки для моего проекта, следуя этому руководству: https://reactnavigation.org/docs/en/next/deep-linking.html

Однако при попытке реализации я всегда вижу главный экран вместо экрана учетной записи.

Выполнение такого примера: 

adb shell am start -W -a android.intent.action.VIEW -d "hdsmobileapp://main/account/" com.digithurst.hdsapp

У меня есть вложенная навигация, которую можно увидеть ниже: 

import {createDrawerNavigator, createStackNavigator} from "react-navigation";
    import {NavigationOptions} from "./components/NavigationOptions";
    import {SideMenu} from "./components/SideMenu";
    import LoginScreen from "./containers/LoginScreen";
    import MainScreen from "./containers/MainScreen";
    import MyAccountScreen from "./containers/MyAccountScreen";

    import SplashScreen from "./containers/SplashScreen";
    import { createAppContainer} from "react-navigation";


    const AppContainer = createAppContainer(
        {
            Splash: {
                screen: SplashScreen,
                navigationOptions: {
                    header: null,

                },
            },
            Login: {
               screen: createStackNavigator(
                   {
                       Login: {
                           screen: LoginScreen,
                           navigationOptions: {
                               header: null,
                           },
                       },                                     
                   },
               )
            },
            Main: {
                screen: createDrawerNavigator(
                    {
                        Main: {
                            screen:  createStackNavigator(
                                {

                                    Main: {
                                        screen: MainScreen,
                                        navigationOptions: NavigationOptions.getSearchFilterHeader("title.main"),
                                    },

                                    MyAccount: { screen: MyAccountScreen, path: 'account',},


                                },
                            ),

                        },
                    }, {
                        drawerWidth: 300,
                        initialRouteName: "Main",
                        contentComponent: SideMenu,

                    },
                ),
            },
        },

    );

А затем в App.tsx включено следующее: 

import React, {Component} from "react";
import SplashScreen from "react-native-splash-screen";
import {Provider} from "react-redux";
import RootStack from "./navigation";
import AppContainer from "./navigation";
import store from "./store/store";
import {createAppContainer} from 'react-navigation'
import { AppRegistry } from 'react-native';




class App extends Component {
    public componentDidMount() {
        SplashScreen.hide();
    }

    public render() {
        return (

            <Provider store={store}>
                <RootStack  uriPrefix={prefix}  />
            </Provider>
        );
    }
}


const prefix = 'hdsmobileapp://hdsmobileapp';

const MainApp = () => <AppContainer uriPrefix={prefix} />;
AppRegistry.registerComponent('App', () => MainApp);
export default App;

Есть ли что-то очевидное, что мне здесь не хватает?

Ответы [ 2 ]

0 голосов
/ 15 июня 2019

Вы не добавили опору path в родительские навигаторы.В документах, в частности, упоминается, что вы должны предоставить path реквизит, если у вас есть вложенные навигаторы.

Если у нас есть вложенные навигаторы, мы должны предоставить каждому родительскому экрану путь.Все пути будут объединены и также могут быть пустой строкой.

Просто пропустите '' пустые строки, если вы не хотите добавлять навигатор к пути.

Изменитетакая конфигурация маршрутизатора, как ваш путь hdsmobileapp://main/account/ для работы, 

const AppContainer = createAppContainer(
    {
        Splash: {
            screen: SplashScreen,
            navigationOptions: {
                header: null,

            },
        },
        Login: {
           screen: createStackNavigator(
               {
                   Login: {
                       screen: LoginScreen,
                       navigationOptions: {
                           header: null,
                       },
                   },                                     
               },
           )
        },
        MainDrawer: {
            screen: createDrawerNavigator(
                {
                    MainStack: {
                        screen:  createStackNavigator(
                            {

                                Main: {
                                    screen: MainScreen,
                                    navigationOptions: NavigationOptions.getSearchFilterHeader("title.main"),
                                },

                                MyAccount: { screen: MyAccountScreen, path: 'account',},

                            },
                        ),
                        path:'main'
                    },
                }, {
                    drawerWidth: 300,
                    initialRouteName: "Main",
                    contentComponent: SideMenu,

                },
            ),
           path: '',
        },
    },
);

Также рассмотрите возможность переименования родительских навигаторов, так как это приведет к ошибкам при добавлении дополнительных экранов и навигации.

Последняя глубина-связывающая документация здесь

0 голосов
/ 14 июня 2019

Часть main URL-адреса, которую вы предоставляете (hdsmobileapp://main/account/), не указана в объявлении навигации.

Вы должны добавить его в uriPrefix реквизит или избегать его прохождения при попыткечтобы добраться до места /account. 

adb shell am start -W -a android.intent.action.VIEW -d "hdsmobileapp://account/" com.digithurst.hdsapp
...