Как изменить заголовок с помощью вложенных стеков навигатора?

Question

Заголовок изменяется на экранах в loginFlow StackNavigator, но я не могу изменить ни один из параметров навигации в стеке mainFlow.

const AppStackNavigator = StackNavigator(
    {
        loginFlow: {
            screen: StackNavigator(
                {
                    Landing: { screen: Landing },
                    Login: { screen: Login },
                    Signup: { screen: Signup }
                },
                {
                    mode: "modal"
                    //headerMode: "screen"
                }
            )
        },
        mainFlow: {
            screen: StackNavigator(
                {
                    someTab: {
                        screen: TabNavigator({
                            Suppliers: { screen: Suppliers },
                            Shortlist: { screen: Shortlist }
                        })
                    }
                },
                {
                    //headerMode: "screen"
                }
            )
        }
    },
    {
        headerMode: "none"
    }
);

Мой код в строке заголовка в Регистрации работает:

 static navigationOptions = {
        headerTitle: <Image source={require("../../../assets/img/logo-coloured.png")} />,
        headerRight: <Image source={require("../../../assets/img/signup.png")} style={{ marginRight: 15 }} />,
        headerLeft: <Image source={require("../../../assets/icons/close.png")} style={{ marginLeft: 15 }} />,
        headerStyle: { backgroundColor: "#fff", elevation: 0, borderBottomWidth: 0 }
    };

Тот же код, который используется на экранах TabNavigator, совершенно не меняет заголовок навигации.

Answer 1

Вы можете установить один заголовок для TabNavigator следующим образом:

mainFlow: {
    screen: StackNavigator(
        {
            someTab: {
                screen: TabNavigator({
                    Suppliers: { screen: Suppliers },
                    Shortlist: { screen: Shortlist }
                }),
                navigationOptions: { title: "someTab title"}
            }
        }
    )
}