在 react-native-router-flux 标签栏中隐藏导航栏

Question

native-router-flux 的标签栏'。当我使用 tabbar 时，Navbar 会显示屏幕顶部。所以我想删除那个导航栏。但我做不到。请帮助我！！！

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  TextInput,
  Navigator,
  View
} from 'react-native';
import {Scene, Router} from 'react-native-router-flux';
import Home from './Home';  
import Shake from './Shake';
import Profile from './Profile';



export default class JunProject extends Component {
  render() {
    return (
     <Router>
      <Scene key="tabbar" tabs={true} hideNavBar={true} >
        <Scene key="Home" component={Home} title="Home" initial={true} />
        <Scene key="Shake" component={Shake} title="Shake" />
        <Scene key="Profile" component={Profile} title="Profile" />
      </Scene>
    </Router>
  );
  }
  }



  AppRegistry.registerComponent('JunProject', () => JunProject);

Answer 1

你可以使用 hideTabBar 属性

示例：

<Scene key="Profile" component={Profile} title="Profile" hideTabBar={true} />

结帐文档 -> https://github.com/aksonov/react-native-router-flux/blob/master/docs/API_CONFIGURATION.md

在 react-native-router-flux 标签栏中隐藏导航栏

Hide Navbar in react-native-router-flux tabbar

react-native

tabbar

react-native-router-flux