React Native:createBottomTabNavigator 标头:null 不起作用 [英] React Native: createBottomTabNavigator header: null not working

问题描述

我的 App.js 看起来像这样，它有 StackNavigator

My App.js looks like this which has StackNavigator

export default class App extends Component {
  render() {
    return (
      <AppStackNavigator />
    );
  }
}


const AppStackNavigator = new StackNavigator({

  LoginScreen: { screen: LoginScreen },
  DashboardScreen: { screen: DashboardScreen },
  ImportantNumberScreen: { screen: ImportantNumberScreen },
  EventListScreen: { screen: EventListScreen },
});

我必须创建底部导航，所以我使用 react-navigation 组件 createBottomTabNavigator 我想将标题设置为 null所以我尝试了以下代码

I have to create bottom navigation so i am using react-navigation component createBottomTabNavigator where i want to set header as null so i tried following code

static navigationOptions = {
        header: null,//works with createStackNavigator but not with createBottomTabNavigator
    }

也试过了

export default createBottomTabNavigator({
    HomeScreen: {screen : HomeScreen,navigationOptions:{header:null}},
    GuestCardScreen: GuestCardScreen,
    MoreScreen: MoreScreen,
    StatementScreen: StatementScreen,
});

但不幸的是这些代码不适用于 createBottomTabNavigator

but unfortunately these code not working with createBottomTabNavigator

我正在使用

反应导航":^2.17.0"

"react-navigation": "^2.17.0"

节点版本 v10.11.0

Node version v10.11.0

npm 版本 v6.4.1

npm version v6.4.1

推荐答案

TabBar

const MainAppTab = createBottomTabNavigator({
[HOME_STACK]: {
  screen: Home,
},
[NOTIFACATION]: NotificationContainer,
[STINGER]: StingerContainer,
[MESSAGE]: MessageContainer,
[USER_PROFILE]: ProfileContainer
},
},
{
   // settings
});

主导航器

const AppNavigator = createStackNavigator({
  [WELCOME]: {
screen: WelcomeContainer,
},
    // other screens
[MAIN]: {
screen: MainAppTab,
navigationOptions: {
    header: null, <----- this will help you
},
},
}, {
    initialRouteName: WELCOME,
},
});

这篇关于React Native:createBottomTabNavigator 标头:null 不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！