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

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

У меня вопрос: как на всех скринах убрать 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);
  • Вопрос задан
  • 42 просмотра
Решения вопроса 2
RomReed
@RomReed
JavaScript, Reatc js, ReactNative, Redux, Firebase
попробуйте так, а еще укажите версию навигатора
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',
    },
  }
);
Ответ написан
mattedev
@mattedev
web developer
В главном файле, где подключаешь навигатор

<StatusBar hidden />
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы