Programmiererforum

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



);
}