Вложенная реагирующая навигация stacknavigator - показ целевой строки заголовка - PullRequest
0 голосов
/ 08 июня 2019

Я использую реагирующую навигацию в своем собственном проекте и применяю вложенный стекавигатор. Из Google я вижу людей, когда запрещают показывать 2 заголовка, они установят headerMode = 'none' для внутреннего stacknavigator.

Теперь мой случай таков: enter image description here enter image description here

Ниже приведены коды навигации.

CourseMasterListNavigator.js

const CourseMasterListNavigator = createStackNavigator(
    {
        CourseMasterList: {
            screen: CourseMasterList,
            path: 'CourseMasterList',
            navigationOptions: () => ({
                headerBackTitle: null,
                headerLeft: <MenuButton />
            }),
        },
        CourseDetail: {
            screen: CourseDetail,
            path: 'CourseDetail',
            navigationOptions: () => ({
                title: `Hide this and the tab`,
            }),
        },
    }, {
        // headerMode: 'none',
        defaultNavigationOptions: {

            headerStyle: {
                backgroundColor: '#e6e400',
                borderBottomWidth: 0
            },
            headerTintColor: '#000'
        },
        navigationOptions: {
            title: '我的课程',
        }
    }
);

CourseDetail.js

const CourseDetail = createMaterialTopTabNavigator(
    {
        Date: { screen: CourseDetailDateNavigator },
        Material: { screen: CourseDetailMaterialNavigator },
        Homework: { screen: CourseDetailHomeworkNavigator },
        QandA: { screen: QandAList },
        Announcement: { screen: Announcement },
        Note: { screen: CourseDetailNoteNavigator },
    },
    {
        tabBarPosition: 'top',
        swipeEnabled: true,
        animationEnabled: true,
        tabBarOptions: {
            activeTintColor: '#000000',
            inactiveTintColor: '#000000',
            style: {
                backgroundColor: '#e6e400',
            },
            labelStyle: {
                textAlign: 'center',
            },
            indicatorStyle: {
                backgroundColor: '#000',
                height: 1
            },
        },
    }
);

CourseDetailDateNavigator.js

const CourseDetailDateNavigator = createStackNavigator(
    {
        DateList: {
            screen: DateList,
            path: 'DateList',
        },

        DateDetail: {
            screen: DateDetail,
            path: 'DateDetail'
        },
    }, {
        // TODO
        // headerMode: 'none',
        navigationOptions: {
            title: '日期',
        }
    }
);

В любом случае, я могу этого достичь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...