react-navigation / react-navigation/react-navigation
How to change stack of bottom tab navigator on click of button?
Dieses Issue hat noch niemand übernommen.
- 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
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Ö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