Question

这是我的场景路由器：

const Scenes = Actions.create(
<Modal hideNavBar={true}>
<Scene hideNavBar key='root'>
  <Drawer key={'Drawer'} hideNavBar={true} contentComponent={MenuItem} drawerWidth={200} drawerPosition={'right'}>
    <Tabs
      key='tabs'
      hideNavBar={true}
      tabBarStyle={{ height: 50 }}
      tabBarPosition='bottom'
      showLabel={false}
      swipeEnabled={true}
      lazy={true}
      animationEnabled={true}
      navBar={Header}
    >
      <Scene key='coupon' title='ticket' iconName='ticket' component={Coupon} icon={TabIcon} hideNavBar={false} />
      <Scene key='home' title='home' iconName='home' component={Home} icon={TabIcon} hideNavBar={false} initial={true} />
      <Scene key='memberCard' title='card' iconName='address-card' component={MemberCard} icon={TabIcon} hideNavBar={false} />
    </Tabs>
    <Scene key='userProfile' title='profile' component={User} iconName='user' icon={TabIcon} hideNavBar={true} navBar={Header} />
  </Drawer>
  <Scene key='login' title='login' component={Login} gesturesEnabled={false} hideNavBar={true} />
  <Scene key='signup' title='register' component={Signup} gesturesEnabled={false} hideNavBar={true} />
</Scene>
</Modal>
);
export default Scenes;

页脚中的“我的标签页”包含三个部分（优惠券，房屋，会员卡）

这是我的抽屉项目：

  <SafeAreaView>
    <Image source={menuBarLogoImage} style={styles.logoImage} />
    <View style={styles.menu}>
      <TouchableHighlight underlayColor="#fb7368" onPress={() => { Linking.openURL(officialWeb) }}>
        <View style={styles.menuItem}>
          <Icon name="home" style={styles.icon} />
          <Text style={styles.text}>officialWeb</Text>
        </View>
      </TouchableHighlight>
      <TouchableHighlight underlayColor="#fb7368" onPress={() => { Actions.push('userProfile') }}>
        <View style={styles.menuItem}>
          <Icon name="user" style={styles.icon} />
          <Text style={styles.text}>userProfile</Text>
        </View>
      </TouchableHighlight>
    </View>
  </SafeAreaView>

当我的抽屉菜单项链接到[userProfile]时，userProfile视图中的标签页脚不会显示。

但是当我将[userProfile]移到“标签”部分时，页脚将显示四个标签。

如何使用正确的用法使选项卡始终为三项？我可以在抽屉和标签中链接包装器吗？

反应本地路由器流量场景渲染

0 个答案: