Как убрать status bar?

Question

[Аркадий Баганин]

Доброго времени суток!

У меня вопрос: как на всех скринах убрать status bar?

Вот текущий код навигации, где я попытался скрыть навигацию:

import React from "react"
import { StatusBar } from 'react-native'
import { createDrawerNavigator, createStackNavigator, createAppContainer } from "react-navigation"
import HomeScreen from './HomeScreen'
import DetailsScreen from './DetailsScreen'
import CategoryesScreen from './CategoryesScreen'

const HomeDetails = createStackNavigator(
  {
    Home: {
      screen: HomeScreen,
      navigationOptions: {
        hideStatusBar: true
      }
    },
    Details: {
      screen: DetailsScreen,
      navigationOptions: {
        hideStatusBar: true
      }
    }
  },
  {
    initialRouteName: "Home"
  }
);

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
      screen: HomeDetails,
      navigationOptions: {
        hideStatusBar: true
      }
    },
    Categoryes: {
      screen: CategoryesScreen,
      navigationOptions: {
        hideStatusBar: true
      }
    }
  },
  {
    hideStatusBar: true,
    drawerBackgroundColor: 'rgba(255,255,255,.9)',
    overlayColor: '#6b52ae',
    contentOptions: {
      activeTintColor: '#fff',
      activeBackgroundColor: '#6b52ae',
    },
  }
);

export default createAppContainer(DrawerNavigator);

Comments

[Роман Александрович]

попробуйте засунуть header: null,

вот так

Categoryes: {
      screen: CategoryesScreen,
      navigationOptions: {
        hideStatusBar: true,
header: null, <------------
      }
    }

[Аркадий Баганин]

Роман Александрович, я сменил навигацию на TabNavigation, как задать иконку tab'у????

[Роман Александрович]

Аркадий Баганин, https://stackoverflow.com/questions/50436313/tab-n...

Answer 1

[Роман Александрович]

попробуйте так, а еще укажите версию навигатора

const HomeDetails = createStackNavigator(
  {
    Home: {
      screen: HomeScreen,
      navigationOptions: {
        hideStatusBar: true,
header: null,
      }
    },
    Details: {
      screen: DetailsScreen,
      navigationOptions: {
        hideStatusBar: true,
header: null,
      }
    }
  },
  {
    initialRouteName: "Home"
  }
);

const DrawerNavigator = createDrawerNavigator(
  {
    Home: {
      screen: HomeDetails,
      navigationOptions: {
        hideStatusBar: true,
header: null,
      }
    },
    Categoryes: {
      screen: CategoryesScreen,
      navigationOptions: {
        hideStatusBar: true,
header: null,
      }
    }
  },
  {
    hideStatusBar: true,
    drawerBackgroundColor: 'rgba(255,255,255,.9)',
    overlayColor: '#6b52ae',
    contentOptions: {
      activeTintColor: '#fff',
      activeBackgroundColor: '#6b52ae',
    },
  }
);

Answer 2

[Shane Matte]

В главном файле, где подключаешь навигатор

<StatusBar hidden />