Jetzt abmelden.
Wir brauchen eine neue Aktion, die wir versenden können.
Also in der Aus-Datei, im Aktionsordner.
Ich werde einen neuen Aktionsersteller hinzufügen.
Ist es wirklich wichtig, wo Sie hinzugefügt haben? Ich habe es dort unten hinzugefügt und exportiere es und benenne es als Abmeldung, was für mich nach
einem passenden Namen klingt.
Ich erwarte dort keine Argumente.
Und ich brauche die Aktionskennung zum Abmelden.
Hier können wir also exportieren.
Konzert abmelden mit der Abmeldezeichenfolge.
Und jetzt stehst du da unten.
Und in diesem Aktionsersteller, der ein normaler Aktionsersteller ist, bei dem ich keine HTP-Anforderungen
oder ähnliches senden muss, habe ich gerade seine Abmeldeaktion Yende gesendet, in der ich dieses Abmeldeaktionsobjekt
erstelle.
Jetzt können wir Papa benutzen.
Und ich möchte mich mit Hilfe der Site abmelden, auf der Site zeichnen, zeichnen können.
Ich möchte diese Schaltfläche zum Abmelden haben.
Das bedeutet, dass wir etwas tun müssen, was wir vorher noch nicht getan haben.
Wir müssen einen neuen Button hinzufügen, um über das Zeichnen zu entscheiden.
Bisher fügen wir nur die automatisch erstellten Schaltflächen hinzu.
Aber das Hinzufügen eigener Inhalte ist für Papa nicht allzu schwierig.
Gehen wir zur Shop Navigator-Datei, in der wir die Schublade eingerichtet haben.
Hier ist es.
Und dann hier neben meinen Inhaltsoptionen.
Sie können hier auch eine Inhaltskomponente hinzufügen.
Auf diese Weise können Sie Ihren eigenen Inhalt zur Entscheidung oder anstelle des Standardinhalts hinzufügen.
Dies übernimmt nun eine Funktion, die Requisiten erhält, da dies letztendlich eine Reaktionskomponente ist, die Sie
hier hinzufügen.
Also bekommt es Requisiten und es gibt Steuererklärungen, ich bin J. S. X, und sie müssen alle sicherstellen, dass Sie
Reagieren von Reagieren importieren.
Und wir brauchen alle noch ein paar andere Importe.
Wir müssen auch etwas von React Native importieren.
Und das sollte die sichere Bereichsansicht sein.
Und ich möchte auch die Schaltfläche aus REAC native importieren.
Außerdem müssen wir aus REACT Navigation die Schubladenelemente importieren.
Und auch wieder sehr einheimisch.
Ich muss auch sehen.
Nachdem dies importiert wurde, gehen wir zu unserer neu hinzugefügten Inhaltskomponente.
Und hier können wir jetzt eine Ansicht mit einem flexiblen Stil zurückgeben.
Sie können natürlich auch ein Stylesheet hinzufügen.
Ich werde nur Inline-Styling hinzufügen.
Übrigens könnte sich diese Komponente natürlich auch in einer separaten Datei befinden.
Es muss in diesem Herbst nicht sofort erstellt werden.
In dieser Ansicht möchte ich eine sichere Bereichsansicht haben und dort sicherstellen, dass Sie immer einen Krafteinsatz hinzufügen, der
gleich oben ist.
Horizontal.
Niemals, und dies steuert nur, wie es angeordnet ist.
Und in dieser sicheren Umgebung.
Sie sollten jetzt zum Zeichnen Elemente hinzufügen, eine wichtige Pass-Requisite für diese, da dies die Standard-Schubladenelemente sind,
die gerendert werden.
Und das sollte immer noch der Fall sein.
Und damit sie richtig konfiguriert werden, müssen Sie Requisiten übergeben, die am Ende übergeben werden, und durch Reagieren
der Navigation und halten alle Ihre Ziehkontakte und so weiter.
Und jetzt können Sie hier Ihren eigenen zusätzlichen Ziehungsgegenstand hinzufügen.
Und es wird diese Schaltfläche geben, die standardmäßige native Schaltfläche zum Reagieren, bei der ich Abmelden sage.
Wo ich eine Farbe hinzufügen möchte, sagen wir Farben, Primärpunkt und Verschleiß auf der Druckmaschine.
Ich möchte jetzt diese Abmeldeaktion auslösen.
Und jetzt haben wir hier ein großes Problem.
Wie können wir uns von hier aus versenden?
Wenn Sie dies speichern, sollten Sie dies zunächst einmal sehen.
Wenn Sie also die Auslosung erweitern, finden Sie hier die Schaltfläche zum Abmelden.
Recht.
Das funktioniert also.
Und natürlich können Sie stylen und positionieren, wie Sie wollen.
Übrigens, überprüfen Sie es einfach noch einmal.
Wir können dies auch auf Android sehen, wenn wir uns dort anmelden.
Hier in der Schublade machen wir alle nach dem Abmelden.
Taste.
Übrigens möchten wir vielleicht etwas mehr Polsterung auf der Oberseite hinzufügen.
Aber wie können wir alles versenden?
Und ich werde hier etwas zusätzliche Polsterung hinzufügen.
Von 20.
Weil meine sichere Bereichsansicht funktioniert, aber kaum mehr Abstand lässt, als ich brauche.
Um einen zusätzlichen Abstand zu haben, kann ein bisschen Polsterung nicht schaden.
Ich denke das ist besser.
Aber wie können wir jetzt wieder sicherstellen, dass wir hier eine Aktion auslösen können?
Nun, das ist eine Reaktionskomponente, oder?
Am Ende können wir hier also einfach den Versand verwenden.
So können wir importieren.
Verwenden Sie hier den Versand.
Aus Redux reagieren.
Also, was wir vorher gemacht und hier verwendet haben, weil Sie diesen Hook an jeder Komponente verwenden können und dies nur
eine Komponente ist.
Jedes Jahr vor unserer Rückkehr ist also X.
Ich kann mit Use Dispatch auf meine Versandfunktion zugreifen und habe vorerst hier, wenn wir diesen
Knopf drücken, können wir den Versand anrufen und unsere Aus-Aktion für Papa versenden.
Natürlich müssen Sie nur sicherstellen, dass Sie es importieren.
Importieren Sie also alles ab Aktionen aus dem Speicherordner, der Aktionsordner erledigt alle Dateien und verwendet jetzt alle Aktionen, um
hier tote Aktionen zu erstellen.
Alle Aktionen gespeichert.
Ausloggen.
Melden Sie sich so ab.
Und dies sollte zur Abmeldeaktion gesendet werden.
Außerdem möchte ich auch weg navigieren, damit wir alle so genannten Requisiten navigieren können.
Das wird hier verfügbar sein und hier zum Off-Screen zurückkehren.
Also im Grunde zu diesem Off-Screen hier und dem Switch-Navigator.
Unsere Verlosung ist Teil des Shop Navigators.
Von dort aus können wir auch zum Off-Screen gehen.
Wenn wir uns jetzt abmelden, möchte ich sicherstellen, dass wir im Reduzierer auch etwas tun.
Wir haben hier unseren Abmeldeaktionsersteller.
Also im Reduzierer und Sie boten dem Benutzer einen neuen Fall an, um den Fall abzumelden.
Und für Papa sollten Sie sicherstellen, dass Sie die Abmeldekennung importieren.
Und hier ist es natürlich sehr einfach.
Ich gebe meinen Ausgangszustand zurück, was am Ende bedeutet, dass das Token zurückgesetzt wird und der Benutzer I. D. D. wird zurückgesetzt.
Und jetzt versuchen wir es mal.
Wenn ich hierher zurückgehe und jetzt auf Abmelden klicke, bin ich wieder auf dem Off-Bildschirm, damit das funktioniert.
Probieren wir es auch mit Android aus.
Klicken Sie hier auf Abmelden, wir sind zurück.
Das funktioniert also.
Damit sind wir fast da.
Wir sollten aber auch automatisch gesperrt werden, wenn das Token abgelaufen ist, weil es ein Ablaufdatum hat.
Und im Moment haben wir keinen automatischen Ablauf.