Как включить bottomTabs только на одном экране - PullRequest
Новая
       5

Как включить bottomTabs только на одном экране

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

Я пытаюсь использовать реактивную нативную навигацию и у меня есть вопрос об этом.

У меня есть экран списка со множеством элементов, и когда вы нажимаете на один из них, он выводит васна экран подробностей, и мне нужно 3 нижние вкладки на этом экране.

Каков наилучший способ добиться этого с помощью встроенной навигации.

Я мог бы сделать что-то подобное (см. Код).Но потом я застрял с 3 нижними вкладками на каждом экране. 

Navigation.setRoot({
  root: {
    bottomTabs: {
      children: [{
        stack: {
          children: [{
            component: {
              name: 'SignIn',
              passProps: {
                text: 'ex tab'
              },
              options: {
                bottomTab: {
                  text: 'tab1',
                  icon: require('./images/one.png'),
                }
              }
            },
          }] // end children
        }  // end stack      
      },
      {
        component: {
          name: 'SignUp',
          passProps: {
            text: 'Sign up tab'
          },
          options: {
            bottomTab: {
              text: 'tab2',
              icon: require('./images/two.png'),
            }
          }
        },
      },
      {
        component: {
          name: 'SignUp',
          passProps: {
            text: 'Sign up tab'
          },
          options: {
            bottomTab: {
              text: 'tab2',
              icon: require('./images/two.png'),
            }
          }
        },


      }]

    } // end bottomtabs
  }
})

Любая помощь или советы будут оценены.

1 Ответ

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

Практически хорошо с React-Navigation помещать свой Auth Stack в одну ветвь навигатора коммутатора, а затем оставшуюся часть вашего приложения в другую ветвь навигатора коммутатора в Stack Navigator.Таким образом, если вам нужны вкладки в вашем стеке аутентификации, это технически это собственный стек, который не попадет в остальную часть вашего приложения.Например: 

app
-AuthSwitch
   \_Tab1
   \_Tab2
   \_Tabn
-MainSwitch
  \_HomeStack
  \_etc...
...