Update [Custom Android back button behavior] example

Offen

#460 erstellt am 16.7.2019 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 2/5
Geschätzter Aufwand: 1-3 Stunden
Anfängerfreundlichkeit: 35/100

Issue-Typ: Dokumentation
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: react, react-native
Bereich: documentation

Rechercherichtung

Prüfe das verlinkte Beispiel zum Verhalten der benutzerdefinierten Android-Zurück-Schaltfläche und das vorgeschlagene auf Hooks basierende Snippet. Entscheide, ob das Beispiel auf diesen Ansatz aktualisiert werden sollte; abgeschlossen bedeutet, dass das Dokumentationsbeispiel das vereinbarte Verhalten widerspiegelt und für Leser klar ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Hi! I am currently refactoring code to using hooks. And I found refactoring the custom back button behaviour confusing.

I tried to adapt the example you have here to the code I refactored

import React from "react";
import { BackHandler } from "react-native";

const ScreenWithCustomBackBehavior = ({ navigation }) => {

const onBackButtonPressAndroid = useCallback(() => {
    if (isSelectionModeEnabled()) {
      disableSelectionMode();
      return true;
    } else {
      return false;
    }
  }, [isSelectionModeEnabled, disableSelectionMode]);

  useEffect(() => {
    const _didFocusSubscription = navigation.addListener('didFocus', () => {
      BackHandler.addEventListener('hardwareBackPress', onBackButtonPressAndroid);
    });
    const _willBlurSubscription = navigation.addListener('willBlur', () => {
      BackHandler.removeEventListener('hardwareBackPress', onBackButtonPressAndroid);
    });

    return () => {
      if (_didFocusSubscription) {
        _didFocusSubscription.remove();
      }
      if (_willBlurSubscription) {
        _willBlurSubscription.remove();
      }
    };
  }, [navigation, onBackButtonPressAndroid]);
}

  return (
    // ...
  )

Do you think it's a proper way to do it? If yes, should I submit a PR?

Thank you

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