Inconsistent TypeScript behavior with optional arguments in useNavigation

Offen

#1,232 erstellt am 12.4.2023 0 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 42/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: react, react-native, typescript
Bereich: api, mobile-dev

Rechercherichtung

Beginne damit, den TypeScript-Fehler im useNavigation-Beispiel aus dem Issue zu reproduzieren, und untersuche anschließend den Einstiegspunkt von useNavigation und dessen Typdefinitionen in @react-navigation/native. Die Aufgabe ist abgeschlossen, wenn ein optionales String-Argument akzeptiert wird, ohne einen @ts-ignore-Kommentar zu erfordern, während die Typisierung der Navigation korrekt bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

When using the useNavigation hook from @react-navigation/native in TypeScript, optional arguments are not being correctly inferred and produce a type error.

Expected Behavior:

Optional arguments should be correctly inferred and not produce a type error.

Actual Behavior:

Optional arguments produce a type error, requiring the use of the // @ts-ignore comment to suppress the error.

Steps to Reproduce:

Use the useNavigation hook with an optional argument.
Attempt to pass a string value as the optional argument.
Observe the type error.

import { useNavigation } from '@react-navigation/native';

const navigation = useNavigation();

const navigate = (screenName?: string) => {
  // Argument of type 'string' is not assignable to parameter of type 'never'
  navigation.navigate(screenName)
  // Workaround with // @ts-ignore
  // @ts-ignore
  navigation.navigate(screenName)
}

Vorherrschende Sprache: JavaScript
Sterne: 324
Forks: 2k
PR-Merge-Kennzahlen: Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus react-navigation/react-navigation.github.io

Mocking RN NativeAnimatedHelper - path has been changed Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 94/100

react-navigation/react-navigation.github.io#1516 · 1 Kommentar · Erstellt am 18.9.2026
Docs: `overrideScrollViewContentInsetAdjustmentBehavior` option missing from Native Bottom Tab Navigator page Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

react-navigation/react-navigation.github.io#1491 · Erstellt am 17.5.2026
Remove mention of deprecated 'jest-native' in docs Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 72/100

react-navigation/react-navigation.github.io#1335 · Erstellt am 25.3.2024
react-native-reanimated@3.4.2 -> Compiling JS failed .... invalid expression Buffer Offen

Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 68/100

react-navigation/react-navigation.github.io#1268 · Erstellt am 10.8.2023
Type checking nested navigator is missing StackParamList definition and usage Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

react-navigation/react-navigation.github.io#1118 · Erstellt am 15.2.2022

Alle Issues in react-navigation/react-navigation.github.io