【问题标题】:Hide Navbar in react-native-router-flux tabbar在 react-native-router-flux 标签栏中隐藏导航栏
【发布时间】:2017-03-14 07:40:39
【问题描述】:

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

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

【问题讨论】:

    标签: react-native tabbar react-native-router-flux


    【解决方案1】:

    你可以使用 hideTabBar 道具

    例子:

    &lt;Scene key="Profile" component={Profile} title="Profile" hideTabBar={true} /&gt;

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-11
      • 2023-04-04
      • 1970-01-01
      • 2015-07-28
      相关资源
      最近更新 更多