tabBarVisible: false не работает для потомка stackNavigation - PullRequest
Новая
       11

tabBarVisible: false не работает для потомка stackNavigation

1 голос
/ 02 апреля 2019

Инфо проект «реакция-навигация»: «^ 3.6.0», "expo": "^ 32.0.0"

У меня есть TabNavigator, внутри которого у меня есть перенаправления для детей, которые являются StackNavigator. Проблема в том, что внутри детей я не могу скрыть tabNavigator с tabBarVisible: false

РОДИТЕЛЬ (TabNavigator) 

import React from 'react';
import { Text } from 'react-native';
import { createBottomTabNavigator, createStackNavigator, createAppContainer } from 'react-navigation';
import { Home, Search, Add, Follow, Profile } from '../screens';
import HomeNavigator from './Home';
import SearchNavigator from './Search';

const config = {
    headerMode: 'none',
    tabBarPosition: 'top'
};

const screens = {
    Home: {
        screen: HomeNavigator,
        navigationOptions: ({navigation}) => ({
            title: 'Home',
        })
    }
};

const Authenticated = createBottomTabNavigator(screens, config);

export default createAppContainer(Authenticated);

ДЕТИ (StackNavigator) 

import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import { Home, Profile } from '../screens';
import { Posts, Comments } from '../screens/screensHome';

const screens = {
    Home: {
        screen: Home,
        navigationOptions: {
            header: null,
        }
    },
    Comments: {
        screen: Comments
    }
};

const HomeNavigation = createStackNavigator(screens, config);

export default createAppContainer(HomeNavigation);

ПРОСМОТР (ширина навигацииОпции) 

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';

export default class Comments extends Component {

    static navigationOptions = {
        tabBarVisible: false
    }

    render() {
        return (
            <View>
                <Text>I'm the Comments component</Text>
            </View>
        );
    }
}

Я оставляю здесь код приложения

https://snack.expo.io/@ricarquico/clone-instagram

короче говоря хочу это скрыть http://prntscr.com/n6hw68

1 Ответ

0 голосов
/ 02 апреля 2019

Я не уверен, что вы попробовали это.https://snack.expo.io/Sk7Go1WRM

Проблема на Github: https://github.com/react-navigation/react-navigation-tabs/issues/19

StackA.navigationOptions = ({navigation})=>{
let { routeName } = navigation.state.routes[navigation.state.index];
   let navigationOptions = {};
   if (routeName === 'Comments') {
      navigationOptions.tabBarVisible = false;
   }
    return navigationOptions;
}
...