Нижние вкладки React-native-router-flux не работают, когда мы даем вложенные вкладки - PullRequest
Новая
       12

Нижние вкладки React-native-router-flux не работают, когда мы даем вложенные вкладки

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

Я новичок в реакции-нативной, и я пытаюсь создать нижние вкладки наряду с вложенными вкладками. Я использую маршрутизатор потока для вкладок и навигации. код домашней страницы: 

   const Routes = () => (
      <Router>
         <Scene key ="root" tabs={true}>
         <Scene key='tab1' title='GR' titleStyle={{ textAlign: 'center', flex: 1 }} component={GRPage} icon={TabIcon}/>
         <Scene key='tab2' title='CASES' titleStyle={{ textAlign: 'center', flex: 1 }}   component={CasesPage} icon={TabIcon}/>
         <Scene key='tab3'  title='KPN' titleStyle={{ textAlign: 'center', flex: 1 }} component={KPNPage} icon={TabIcon}/>
         </Scene>
      </Router>
    )
    export default Routes;

все вкладки работают нормально без вложенных вкладок, Код вложенных вкладок для tab1: 

export default class GRPage extends Component {
    render() {
        return (
            <Router >
                <Scene key='tabbar' tabs={true} tabBarPosition='top/ >
                <Scene key='tab1_1' component={GRPending} hideNavBar title='GR Pending' />
                <Scene key='tab1_2' component={GRLookUp} hideNavBar title='GR Look Up' />
                </Scene>
            </Router>
        );
    }
}

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

...