React native - Скрыть строку состояния только на определенных экранах - PullRequest
Новая
       16

React native - Скрыть строку состояния только на определенных экранах

0 голосов
/ 01 сентября 2018

Я использую вкладку навигации для загрузки изображений, как показано ниже 

const Photos = TabNavigator({
    CAMERA: {
            screen: TakeCamera,
        navigationOptions: {
          tabBarIcon: ({focused}) => (
            <View style={{flexDirection: 'row'}}>
              <Text style={{textAlign: 'center', color: focused? '#C7A985' : '#020202'}}>CAMERA</Text>
              <Icon name="chevron-down" size={15} color= {focused? '#C7A985' : '#ffffff'}/>
            </View>
          )
        },
        },
      ALBUMS: {
            screen: Albums,
        navigationOptions: {
          tabBarIcon: ({focused}) => (
            <View style={{flexDirection: 'row'}}>
              <Text style={{textAlign: 'center', color: focused? '#C7A985' : '#020202'}}>ALBUMS</Text>
              <Icon name="chevron-down" size={15} color= {focused? '#C7A985' : '#ffffff'}/>
            </View>
          )
        },
        },
    {
      tabBarOptions: {
        upperCaseLabel: false,
        showIcon: true,
        showLabel: false,
        style: {
          backgroundColor: '#F7F1ED',
          borderTopWidth: 1
        }
      },
        //initialRouteName: 'Feed',
      tabBarComponent: TabBarBottom,
      tabBarPosition: 'bottom',
      animationEnabled: false,
      swipeEnabled: false,
    });

export default class UploadPost extends Component {
  static navigationOptions = ({ navigation }) => ({
    header: null,
    tabBarVisible: false
  });

  render() {
    return (
      <View style={{flex: 1}}>
        <StatusBar hidden={true}/>
        <Photos screenProps={{navigation: this.props.navigation}}/>
      </View>
    );
  }
}

Здесь <Statusbar hidden={true}> скрывает строку состояния на экранах «КАМЕРА», «АЛЬБОМЫ», как и ожидалось. Но он также скрывает строку состояния на других экранах.

  1. Когда я открывал приложение, я мог видеть StatusBar
  2. После того, как я открываю экраны CAMERA или ALBUMS, StatusBar постоянно скрывается для всех остальных экранов.

У меня вопрос, как скрыть строку состояния только на экранах CAMERA, ALBUMS?

1 Ответ

0 голосов
/ 01 сентября 2018

Вы можете использовать Промежуточное программное обеспечение для отслеживания экрана , как упомянуто в документации, чтобы получить routeName из currentScreen

function getActiveRouteName(navigationState) {
  if (!navigationState) {
    return null;
  }
  const route = navigationState.routes[navigationState.index];
  // dive into nested navigators
  if (route.routes) {
    return getActiveRouteName(route);
  }
  return route.routeName;
}

Если routeName соответствует желаемым экранам, на которых вы не хотите отображать StatusBar , установите для него значение true else false

...