react-navigation / react-navigation/react-navigation.github.io

How to add type annotaion for custom header props.

Ouverte
#1,132 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
324
Forks
2k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

I have created a custom header for Drawer Navigator. I have used DrawerHeaderProps for its prop type, but this does not give strict type-checking behavior like what we get when we use DrawerScreenProps<HomeDrawerParamList, 'Home'>. I was unable to find any documentation for this particular thing. I thought about extending DrawerHeaderProps with the navigation property type as extended type of CompositeScreenProps. Is it a good idea to do it this way? Or should I use the useNavigation hook instead?

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par examiner la documentation existante de Drawer Navigator et de TypeScript concernant les en-têtes personnalisés et la navigation typée. Clarifiez le lien entre DrawerHeaderProps, DrawerScreenProps, CompositeScreenProps et useNavigation, puis documentez l’approche recommandée ainsi qu’un exemple représentatif de vérification des types.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native, typescript
Domaine
documentation
Type d'issue
Documentation
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
38/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.