当给子选项卡时，React-native-router-flux底部选项卡不起作用

Question

我对React-native还是陌生的，我正在尝试创建底部标签和子标签。 我正在使用用于标签和导航的路由器流量。 主页代码：

   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>
        );
    }
}

子选项卡有效，但其他底部的选项卡不可单击。 最后，底部的标签应该可见并可以点击，同时子标签也可以滑动。