Menu Utama 




import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';
import SettingsScreen from './screens/SettingsScreen';
import HelpScreen from './screens/HelpScreen';
import HelpScreen from './screens/RegisterScreen';

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Menu">
        <Stack.Screen name="Menu" component={HomeScreen} />
        <Stack.Screen name="Beranda" component={HomeScreen} />
        <Stack.Screen name="Profil" component={ProfileScreen} />
        <Stack.Screen name="Pengaturan" component={SettingsScreen} />
        <Stack.Screen name="Bantuan" component={HelpScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}
//=========== Style
import { StyleSheet } from 'react-native';

export const style = StyleSheet.create({
  container: {
    flex: 1,
    padding: 20,
    backgroundColor: '#f0f0f0',
  },
  header: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 20,
    textAlign: 'center',
  },
  menuWrapper: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    justifyContent: 'space-between',
  },
  menuItem: {
    width: '48%',
    backgroundColor: '#4CAF50',
    padding: 20,
    borderRadius: 10,
    marginBottom: 15,
    alignItems: 'center',
  },
  menuText: {
    color: '#fff',
    fontSize: 16,
    fontWeight: '500',
  },
});

//================ Page Profil
import React from 'react';
import { View, Text } from 'react-native';
import { style } from '../assets/style';

export default function ProfileScreen() {
  return (
    <View style={style.container}>
      <Text style={style.header}>Halaman Profil</Text>
    </View>
  );
}