Initial commit
This commit is contained in:
21
screens/DetailsScreen.tsx
Normal file
21
screens/DetailsScreen.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import React from 'react';
|
||||
import { View, Text, StyleSheet } from 'react-native';
|
||||
|
||||
export default function DetailsScreen({ route }: any) {
|
||||
const { event } = route.params;
|
||||
|
||||
return (
|
||||
<View style={styles.container}>
|
||||
<Text style={styles.title}>{event.name}</Text>
|
||||
<Text style={styles.date}>{new Date(event.date).toLocaleDateString()}</Text>
|
||||
<Text style={styles.description}>{event.description}</Text>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: { flex: 1, padding: 16 },
|
||||
title: { fontSize: 24, fontWeight: 'bold', marginBottom: 8 },
|
||||
date: { fontSize: 14, color: '#666', marginBottom: 16 },
|
||||
description: { fontSize: 16 },
|
||||
});
|
||||
Reference in New Issue
Block a user