Untitled
unknown
javascript
2 years ago
4.1 kB
8
Indexable
import React, { useState } from "react"; import { View, Image, StyleSheet, ScrollView, Text, StatusBar, TouchableOpacity, } from "react-native"; import Icon from "react-native-vector-icons/FontAwesome"; import { Card } from "react-native-elements"; import Carousel from "../components/Carousel"; const EventScreen = () => { const eventOfDestinations = [ { type: "Sắp diễn ra", name: "Đêm thiêng liêng", url: "https://tl.cdnchinhphu.vn/thumb_w/640/344445545208135680/2023/2/15/z4111968465206cef34f2b14b9e5d42b3ff284fcd6bc34-16764631737191013402766.jpg", address: "Hỏa Lò", // day: new Date(2023, 10, 15), day: new Date(), carouselData: [ { id: 1, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, { id: 2, image: "https://yourvacation.vn/uploads/images/%C4%91%C3%AAm-ling-thi%C3%AAng.jpg", }, { id: 3, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, ], }, { type: "Sắp diễn ra", name: 'Khai mạc trưng bày triển lãm "Thành xưa phố cũ"', url: "https://hoangthanhthanglong.vn/wp-content/uploads/2023/10/thanhphoxuacu01.jpg", address: "Hoàng Thành Thăng Long", day: new Date(2023, 10, 14), carouselData: [ { id: 1, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, { id: 2, image: "https://yourvacation.vn/uploads/images/%C4%91%C3%AAm-ling-thi%C3%AAng.jpg", }, { id: 3, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, ], }, { type: "Sắp diễn ra", name: 'Chương trình Tết Việt 2024 chủ đề "Cung đình ngày xuân"', url: "https://hoangthanhthanglong.vn/wp-content/uploads/2023/05/cungdinhngayxuan04-768x576-1.jpg", address: "Hoàng Thành Thăng Long", day: new Date(2024, 1, 4), carouselData: [ { id: 1, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, { id: 2, image: "https://yourvacation.vn/uploads/images/%C4%91%C3%AAm-ling-thi%C3%AAng.jpg", }, { id: 3, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, ], }, { type: "Sắp diễn ra", name: 'Chương trình "Xuân quê hương 2024"', url: "https://hoangthanhthanglong.vn/wp-content/uploads/2023/05/xuanquehuong2023-a10-768x510-1.jpg", address: "Hoàng Thành Thăng Long", day: new Date(2024, 1, 5), carouselData: [ { id: 1, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, { id: 2, image: "https://yourvacation.vn/uploads/images/%C4%91%C3%AAm-ling-thi%C3%AAng.jpg", }, { id: 3, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, ], }, { type: "Hủy sự kiện", name: 'Tour đêm "Giải mã Hoàng thành Thăng Long"', url: "https://hoangthanhthanglong.vn/wp-content/uploads/2023/05/tourdem2-768x512-1.jpg", address: "Hoàng Thành Thăng Long", day: new Date(2023, 11, 6), carouselData: [ { id: 1, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, { id: 2, image: "https://yourvacation.vn/uploads/images/%C4%91%C3%AAm-ling-thi%C3%AAng.jpg", }, { id: 3, image: "https://old.hoalo.vn/DataFiles/2020/06/News/4fcf4f7b43b1beefe7a0.jpg", }, ], }, ]; return ( <Card> <View> <Text>Event Screen</Text> <Carousel carouselData={eventOfDestinations[0].carouselData} /> </View> </Card> ); }; const styles = StyleSheet.create({ image: { width: "30%", height: 100, }, row: { flexDirection: "row", marginHorizontal: 10, marginVertical: 30, }, contentEvent: { flexDirection: "row", }, }); export default EventScreen;
Editor is loading...
Leave a Comment