Как изменить список элементов NavigationDrawer в зависимости от статуса входа - PullRequest
1 голос
/ 06 марта 2019

Я создаю приложение для Android, использующее реагировать-родной, Redux и Wix React-native-navigation V2 для навигации. У меня есть один навигационный ящик на главном экране. Я хочу изменить список пунктов после входа в систему пользователя. Есть некоторые элементы навигационного ящика, которые я хочу показывать только зарегистрированным пользователям.

Ниже приведен мой код для настройки ящика навигации.

Navigation.events().registerAppLaunchedListener(() => {
            Promise.all([
                Icon.getImageSource("bars", 30, 'black'),
                Icon.getImageSource("share-alt", 30, 'black')
            ]).then(sources => {
                Navigation.setRoot({
                    root: {
                        sideMenu: {
                            left: {
                                component: {
                                    name: 'app.NavigationDrawer',
                                    passProps: {
                                        text: 'This is a left side menu screen'
                                    }
                                }
                            },
                            center: {
                                stack: {
                                    id: 'mainStack',
                                    children: [
                                        {
                                            stack: {
                                                id: 'tab1Stack',
                                                children: [
                                                    {
                                                        component: {
                                                            name: 'app.centerComponent'
                                                        }
                                                    }
                                                ],
                                                options: {
                                                    topBar: {
                                                        title: {
                                                            text: 'App Name',
                                                            fontSize: 20,
                                                            //color: 'white',
                                                            fontFamily: 'Ubuntu',
                                                            alignment: 'left'
                                                        },
                                                        leftButtons: [
                                                            {
                                                                id: 'buttonOne',
                                                                icon: sources[0]
                                                            }
                                                        ],
                                                        rightButtons: [
                                                            {
                                                                id: 'buttonTwo',
                                                                text: 'Login',
                                                                icon: sources[1]
                                                                //require('../src/Images/login.png')
                                                            }
                                                        ]
                                                    }
                                                }
                                            }
                                        },
                                    ],
                                    options: {
                                        topBar: {
                                            background: {
                                                color: '#50A7C2',
                                                // component: {
                                                //     name: 'app.HeaderBackground'
                                                // }
                                            }
                                        },
                                    }
                                }
                            }
                        }
                    }
                });
            });
        });

Я следил за этим блогом https://medium.com/react-native-training/explanation-of-react-native-navigation-wix-with-redux-deabcee8edfc, но для входа в систему в качестве стартовой страницы, если я могу его использовать, пожалуйста, сообщите мне, как я могу это использовать. Я не знаю, как мне это сделать. Пожалуйста, помогите мне, если кто-нибудь может. Заранее спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...