31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { View, Text, StyleSheet } from 'react-native';
|
|
import { useAppTheme } from '@theme';
|
|
import { PrimaryButton } from '@components';
|
|
import { useNavigation } from '@react-navigation/native';
|
|
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
|
import { RootStackParamList } from '@navigation/navigationTypes';
|
|
|
|
const OnboardingCompleteScreen: React.FC = () => {
|
|
const { colors } = useAppTheme();
|
|
const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>();
|
|
|
|
return (
|
|
<View style={[styles.container, { backgroundColor: colors.background }]}>
|
|
<Text style={styles.title}>Onboarding Complete Screen</Text>
|
|
<PrimaryButton
|
|
title="Get Started"
|
|
onPress={() => navigation.navigate('App', { screen: 'BottomTabs' })}
|
|
style={{ marginTop: 20, width: '90%' }}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: { flex: 1, justifyContent: 'center', alignItems: 'center' },
|
|
title: { fontSize: 20 },
|
|
});
|
|
|
|
export default OnboardingCompleteScreen;
|