typescript - Adnotare de tip în react-navigation


Sunt destul de nou în typescript și, prin urmare, mă confrunt puțin cu adnotarea tipurilor. Folosesc react-navigation și adaug un antet personalizat. Totul funcționează bine. Dar nu reușesc să adaug types pentru proprietățile personalizate ale antetului. Codul meu arată astfel:

import { DrawerHeaderProps, DrawerToggleButton } from '@react-navigation/drawer';
import { FullIcon } from 'm/images';
import React from 'react';
import { TouchableNativeFeedback } from 'react-native';
import { Colors, Image, View } from 'react-native-ui-lib';

const IMGASPECTRATIO = 3.052;

const HomeHeader: React.FC<DrawerHeaderProps> = ({ navigation }) => {
    const openModal = () => {
        navigation.navigate('Home', { screen: 'ListView' })
    };

    return (
        <View paddingV-s2 paddingL-s1 paddingR-s4 row centerV spread height={56}>
            <DrawerToggleButton tintColor={Colors.white} />
            <Image height={20} width={20 * IMGASPECTRATIO} source={FullIcon} resizeMode="contain" />
            <TouchableNativeFeedback onPress={openModal}>
                <View height={35} width={35} br100 backgroundColor={Colors.blue1}></View>
            </TouchableNativeFeedback>
        </View>
    );
};

export default HomeHeader;

Nu sunt sigur cum pot obține verificarea tipului pentru HeaderProps, DrawerHeaderProps pare să funcționeze, dar nu arată ecranul de la care am voie să navighez. Am implementat un navigator Drawer și în interiorul lui este un navigator Stack.