In "Help" page witgh presentation set value to "transparentModal", I want push one new Page of name "Profile", How shuld i do?

Offen

#1,262 erstellt am 06.7.2023 0 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: 25/100

Issue-Typ: Dokumentation
Klarheit: Muss geklärt werden
Aktivitätsstatus: Veraltet
Tech-Stack: javascript, react, react-native
Bereich: documentation, mobile

Rechercherichtung

Beginne mit dem bereitgestellten Stack.Navigator-Beispiel und seinen Help-, Profile- und screen-group-Deklarationen. Ermittle, welche Dokumentationsseite diesen Navigationsfall erklären sollte und welche erwartete Konfiguration oder Verwendung gezeigt werden sollte. Erledigt ist die Aufgabe, wenn das dokumentierte Beispiel klar erklärt, wie man von Help zu Profile gelangt; das Issue nennt keine Repository-Datei und keinen Test, die aktualisiert werden sollen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

import * as React from 'react';
import { Button, View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function Home({ navigation }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
Home Screen
<Button onPress={() => navigation.navigate('Help')} title="Go to Help" />
<Button
onPress={() => navigation.navigate('Profile')}
title="Go to Profile"
/>

);
}

function Help({ navigation }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
Help Screen
<Button onPress={() => navigation.push('Profile')} title="Go to Home2" />
<Button onPress={() => navigation.navigate('Invite')} title="Invite" />

);
}

function EmptyScreen() {
return ;
}

const Stack = createNativeStackNavigator();

function App() {
const isLoggedIn = true;

return (

<Stack.Navigator>
{isLoggedIn ? (
// Screens for logged in users
<Stack.Group>
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="Profile" component={EmptyScreen} />
</Stack.Group>
) : (
// Auth screens
<Stack.Group screenOptions={{ headerShown: false }}>
<Stack.Screen name="SignIn" component={EmptyScreen} />
<Stack.Screen name="SignUp" component={EmptyScreen} />
</Stack.Group>
)}
{/* Common modal screens */}
<Stack.Group screenOptions={{ presentation: 'transparentModal' }}>
<Stack.Screen name="Help" component={Help} />
<Stack.Screen name="Invite" component={EmptyScreen} />
</Stack.Group>
</Stack.Navigator>

);
}

export default App;

In "Help" page, I want push one new Page of name "Profile", How shuld i do?

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