surge/mobile/app/screens/ChallengeDetailScreen.tsx

29 lines
661 B
TypeScript

import React from 'react';
import { View, Text, StyleSheet, Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';
export default function ChallengeDetailScreen() {
const navigation = useNavigation<any>();
return (
<View style={styles.container}>
<Text style={styles.title}>Challenge Details</Text>
<Button
title="Go to Progress"
onPress={() => navigation.navigate('Progress')}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
title: {
fontSize: 24,
marginBottom: 20,
},
});