使用react-native-router-flux的自定义选项卡视图

Question

我尝试使用react-native-router-flux创建自定义标签视图，我的场景看起来像这样：

<Tabs key="tabRoot" component={Container} navBar={NavBar}>
   <Scene key="tab1" component={Tab1} tabBarLabel="Tab 1" hideNavBar />
   <Scene key="tab2" component={Tab2} tabBarLabel="Tab 2" hideNavBar />
   <Scene key="tab2" component={Tab2} tabBarLabel="Tab 3" hideNavBar />
</Tabs>

并且喜欢它看起来像这样：

与＃34;正常＆＃34;的区别选项卡视图是标签栏位于中间，屏幕顶部是为另一个视图保留的（＆＃34; foo＆＃34;），标签内容视图应位于标签栏下（现在显示在＆＃34;标签1内容＆＃34;）。所以我的问题是，我怎样才能做到这一点？ ：）