Как настроить шрифт HEADER в стековом навигаторе в React Navigation 5?

Question

Не могу найти решение для последней версии React Navigation. У меня есть файлы шрифтов в папке шрифтов [assets / fonts / Montserrat-Bold], но я не могу понять, как их использовать здесь .. введите описание изображения здесь

const SettingScreen = ({ navigation }) => (
    <SettingStack.Navigator style={styles.topStack} screenOptions={{
        headerStyle: {
            backgroundColor: '#fff',
        },
        headerTintColor: '#black',
        headerTitleStyle: {
            fontWeight: 600,
            fontFamily: ''        }
    }}>
        <SettingStack.Screen name="Settings" component={Settings} options={{
            title: 'Settings',
            headerLeft: () => (
                                <Ionicons.Button style={styles.menuIcon} name="md-menu" backgroundColor= '#fff' color='black' size={40} />
                )
        }} />
    </SettingStack.Navigator>
);

const styles = StyleSheet.create({
    menuIcon: {
        paddingLeft: 20,
    },
    topStack:{
        flexDirection: 'row',
        justifyContent: 'flex-end',
        shadowColor: 'black',
        shadowOffset: {
            width: 0,
            height: 4
        },
        shadowOpacity: 50, 
        fontFamily: 'Montserrat-Bold',
        fontSize: 23,
    }
})

введите код