Ein weiterer Navigator ist bereits für diesen Container registriert. Sie haben wahrscheinlich mehrere Navigatoren unter ⇐ JavaScript

[Guest]

Ausgabe: < /strong>
Ein weiterer Navigator ist bereits für diesen Container registriert. Sie haben wahrscheinlich mehrere Navigatoren unter einem einzigen "Navigationskontainer" oder "Bildschirm". Stellen Sie sicher, dass sich jeder Navigator unter einem separaten "Bildschirm" Container befindet. Siehe https://reactnavigation.org/docs/nesting-navigators für eine Anleitung zum Nestieren. />

Code: Select all

import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';
import { BottomNavigation } from 'react-native-paper';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// Home Screens
function HomeScreen({ navigation }) {
return (

Home Screen
 navigation.navigate('Details')} />

);
}

function DetailScreen() {
return (

Detail Screen

);
}

// Profile Screens
function ProfileScreen({ navigation }) {
return (

Profile Screen
 navigation.navigate('ProfileDetails')} />

);
}

function ProfileDetailScreen() {
return (

Profile Detail Screen

);
}

// Settings Screens
function SettingsScreen() {
return Settings Screen;
}

// Home Stack
const HomeStack = createStackNavigator();
function HomeStackScreen() {
return (




);
}

// Profile Stack
const ProfileStack = createStackNavigator();
function ProfileStackScreen() {
return (




);
}

export default function App() {
const [index, setIndex] = useState(0); // Tab index state
const [routes] = useState([
{ key: 'home', title: 'Home', icon: 'home' },
{ key: 'profile', title: 'Profile', icon: 'account' },
{ key: 'settings', title: 'Settings', icon: 'settings' },
]);

// Render scene based on selected tab
const renderScene = BottomNavigation.SceneMap({
home: HomeStackScreen, // Home Stack for Home tab
profile: ProfileStackScreen, // Profile Stack for Profile tab
settings: SettingsScreen, // Single screen for Settings tab
});

return (
// Wrap everything in a single NavigationContainer



);
}