Как динамически обновить заголовок All Tab Navigation?

Question

У меня есть 3 вкладки Tab1, Tab2 и Tab3. Как я могу изменить заголовок этой вкладки динамически сформировать любую вкладку.

Ниже мой код ..

const TabNav = createBottomTabNavigator(
    {
        TabName1: {
            header: null,
            screen: StackNav1,
            navigationOptions: ({ navigation }) => ({
                title: 'Tab1',
                header: null,
                tabBarIcon: ({ tintColor }) => {
                    return;
                }
            })
        },
        TabName2: {
            header: null,
            screen: StackNav2,
            navigationOptions: ({ navigation }) => ({
                title: 'Tab2'
            })
        },
        TabName3: {
            screen: StackNav3,
            navigationOptions: ({ navigation }) => ({
                header: null,
                title: 'Tab3'
            })
        }
    },
    {
        initialRouteName: "TabName1",
        tabBarPosition: "bottom",
        headerMode: "none",
        swipeEnabled: false,
        animationEnabled: false,
        lazy: true,
        removeClippedSubviews: true,
        order: ["TabName1", "TabName2", "TabName3"],
        backBehavior: "initialRoute",
    }
);

Пожалуйста, помогите мне, как можно динамически изменять заголовок вкладки.

Спасибо