react-navigation / react-navigation/react-navigation

How to change stack of bottom tab navigator on click of button?

Offen
#8,786 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug package:bottom-tabs
Vorherrschende Sprache
TypeScript
Sterne
24.5k
Forks
5.1k
Ø Merge
1 T. 5 Std.
Gemergte PRs (30 T.)
18

Beschreibung

I have 3 tab in my bottom tab Tab1,Tab2 and Tab3 and each tab have it's own stack like

const Stack1 = createStackNavigator({
key1: {
screen:Screen1,
},
});

const Stack2 = createStackNavigator({
key2: {
screen:Screen2,
},
});

const Stack3 = createStackNavigator({
key3: {
screen:Screen3,
},
});

const AnimatedCircleNavigation_Chat = createBottomTabNavigator(
{
Stack1,
Stack2,
Stack3
},
{
initialRouteName: 'Stack1'
},
);

now i want to navigate from Tab3 to Tab2 on click of button from Tab3. So how can i achieve that ?

I'm using following packages.
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.10.3",
"react-navigation-tabs": "^2.6.2",

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der Dokumentation zu React Navigation v4 für Bottom Tabs und verschachtelte Stacks und verwende den gezeigten Navigator AnimatedCircleNavigation_Chat sowie die Schaltfläche Tab3 als Einstiegspunkte. Verfolge, wie die Navigation zwischen Stack3 und Stack2 vorgesehen ist; abgeschlossen ist die Aufgabe, wenn die Schaltfläche bei den aufgeführten Paketversionen zuverlässig Tab2 aus Tab3 öffnet.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react-native
Bereich
mobile
Issue-Typ
Feature
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.