34 lines
833 B
JavaScript
34 lines
833 B
JavaScript
import { ScrollView, StyleSheet, View } from "react-native";
|
|
import { StatusBar } from "expo-status-bar";
|
|
|
|
import { EVENTS } from "../data/EventData";
|
|
|
|
import Colors from "../constants/colors";
|
|
import EventCard from "../components/EventCard";
|
|
import FloatingButton from "../components/FloatingButton";
|
|
|
|
const eventsToDisplay = EVENTS.map((event, index) => {
|
|
return <EventCard event={event} key={index} />;
|
|
});
|
|
|
|
const EventOverviewScreen = (props) => {
|
|
return (
|
|
<View style={styles.container}>
|
|
<ScrollView>{eventsToDisplay}</ScrollView>
|
|
<FloatingButton />
|
|
<StatusBar style="auto" />
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
backgroundColor: Colors.primary500,
|
|
alignItem: "center",
|
|
justifyContent: "center",
|
|
},
|
|
});
|
|
|
|
export default EventOverviewScreen;
|