Реагировать на проблему с самонаводящимся навигационным wix-экраном - PullRequest
Новая
       25

Реагировать на проблему с самонаводящимся навигационным wix-экраном

0 голосов
/ 21 февраля 2019

У меня есть созданная навигация на основе вкладок с WIX, и каждый раз, когда я пытаюсь нажать на экран с любого экрана вкладок, он ничего не делает, но, когда я пытаюсь нажать на первой вкладке, он работает, но любойдругая вкладка, которую я не могу нажать на нее 

Promise.all(iconTabs).then(sources => { // after the promises end
        Navigation.setRoot({
            root: {
                bottomTabs: {
                    children: [{
                        stack: {
                            children: [{
                                component: { // 1
                                    name: screenNames['listInvoice'].name,
                                }
                            }],
                            options: {
                                bottomTab: {
                                    text: screenNames['listInvoice'].title,
                                    icon: sources[0],
                                    selectedIconColor: DEFAULT_COLOR,
                                },
                                topBar: getTopBar()
                            }
                        }
                    },
                        {
                            component: { // 2
                                name: screenNames['listReceipt'].name,
                                options: {
                                    bottomTab: {
                                        text:  screenNames['listReceipt'].title,
                                        icon: sources[1],
                                        selectedIconColor: DEFAULT_COLOR,

                                    },
                                    topBar: getTopBar()

                                }
                            } ,
                        },
                        {
                            component: { // 2
                                name: screenNames['listCustomer'].name,
                                options: {
                                    bottomTab: {
                                        text:  screenNames['listCustomer'].title,
                                        icon: sources[2],
                                        selectedIconColor: DEFAULT_COLOR,

                                    },
                                    topBar: getTopBar()

                                }
                            } ,
                        },
                        {
                            component: { // 2
                                name: screenNames['listInvoiceItem'].name,
                                options: {
                                    bottomTab: {
                                        text:  screenNames['listInvoiceItem'].title,
                                        icon: sources[3],
                                        selectedIconColor: DEFAULT_COLOR,

                                    },
                                    topBar: getTopBar()

                                }
                            } ,
                        },
                        {
                            component: { // 2
                                name: screenNames['listSupplier'].name,
                                options: {
                                    bottomTab: {
                                        text:  screenNames['listSupplier'].title,
                                        icon: sources[4],
                                        selectedIconColor: DEFAULT_COLOR,

                                    },
                                    topBar: getTopBar()
                                }
                            } ,
                        },
                    ]
                }
            }
        });
    });
                                                    -->

Navigation.push(currentScreen, {
            component: {
                name: screenName,
                options: {
                    topBar: getTopBar(),
                    bottomTabs: {
                        visible: false,
                        drawBehind: true
                    }
                }
            }
        });

->

Среда

  • React Native Navigation version: последняяодин реагирующий-родной: 2.0.1 реагирующий-родной: 0.58.4
  • Платформа (ы) Android

1 Ответ

0 голосов
/ 28 февраля 2019

У меня была такая же проблема.Вы должны также инициировать другие вкладки макет стека.Как: 

   bottomTabs: {
      children: [
        ........
        {
          stack: {
            children: [
              { 
                component: { screenNames['listReceipt'].name }
              }
            ]
          }
        },
       {
          stack: {
            children: [
              { 
                component: { screenNames['listCustomer'].name }
              }
            ]
          }
        }
      ]
    }

Смотрите также здесь: https://github.com/wix/react-native-navigation/issues/4786#issuecomment-467648825

...