From 25a1ed4f357fca6d57b021be5ed928c1050b6787 Mon Sep 17 00:00:00 2001 From: Patryk Date: Mon, 7 Apr 2025 23:12:19 +0200 Subject: [PATCH] init loacation page --- app/(tabs)/_layout.tsx | 4 +-- app/(tabs)/index.tsx | 2 +- app/(tabs)/location.tsx | 21 ------------- app/(tabs)/location/[id].js | 63 +++++++++++++++++++++++++++++++++++++ app/_layout.tsx | 1 - constants/Locations.js | 36 ++++++++++++++++++--- tsconfig.json | 2 +- 7 files changed, 98 insertions(+), 31 deletions(-) delete mode 100644 app/(tabs)/location.tsx create mode 100644 app/(tabs)/location/[id].js diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index 6b163d1..b1b7df2 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -24,9 +24,9 @@ export default function TabLayout() { ( ), }} /> - null,tabBarIcon: ({ color, focused }) => ( + {/* null,tabBarIcon: ({ color, focused }) => ( - ),}} /> + ),}} /> */} ( ),}} /> diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx index 85dc840..f1579b9 100644 --- a/app/(tabs)/index.tsx +++ b/app/(tabs)/index.tsx @@ -19,7 +19,7 @@ const theme = useTheme(); {item.description} - + diff --git a/app/(tabs)/location.tsx b/app/(tabs)/location.tsx deleted file mode 100644 index 1f165d6..0000000 --- a/app/(tabs)/location.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Text, View, StyleSheet } from 'react-native'; - -export default function Location() { - return ( - - Location View - - ); -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - backgroundColor: '#25292e', - justifyContent: 'center', - alignItems: 'center', - }, - text: { - color: '#fff', - }, -}); diff --git a/app/(tabs)/location/[id].js b/app/(tabs)/location/[id].js new file mode 100644 index 0000000..fa54733 --- /dev/null +++ b/app/(tabs)/location/[id].js @@ -0,0 +1,63 @@ +import { View, ScrollView, StyleSheet } from 'react-native'; +import { Text, Card } from 'react-native-paper'; +import { useLocalSearchParams } from 'expo-router'; +import { Locations } from '@/constants/Locations'; + +export default function Location() { + const { id } = useLocalSearchParams(); + const location = Locations.find(loc => loc.id == id); + + if (!location) { + return ( + + Brak lokalizaji - {id} + + ); + } + return ( + + + + + + + Opis + + + {location.longDescription} + + + + + + Statystyki + + + Powierzchnia: {location.area} km² + + + Ludność: {location.population} osób + + + Gęstość zaludnienia: {location.density} osób/km² + + + Wysokość nad poziomem morza: {location.elevation} m n.p.m. + + + + + ); +} + +const styles = StyleSheet.create({ + container: { + flex: 1, + backgroundColor: '#25292e', + justifyContent: 'center', + alignItems: 'center', + }, + text: { + color: '#fff', + }, +}); diff --git a/app/_layout.tsx b/app/_layout.tsx index 7a6ce76..9a25930 100644 --- a/app/_layout.tsx +++ b/app/_layout.tsx @@ -7,7 +7,6 @@ const colorScheme = useColorScheme(); const theme = colorScheme === 'dark' ? MD3DarkTheme : MD3LightTheme; -console.log(colorScheme) export default function RootLayout() { return ( diff --git a/constants/Locations.js b/constants/Locations.js index 44a5158..6b77163 100644 --- a/constants/Locations.js +++ b/constants/Locations.js @@ -3,30 +3,56 @@ export const Locations = [ "id": 1, "name": "Warszawa", "description": "Stolica Polski, położona w centralnej części kraju.", - "image": "https://www.niesamowitapolska.eu/images/mazowieckie/warszawa/38607734_m.jpg" + "longDescription": "Warszawa jest największym miastem w Polsce, znanym z bogatej historii, kultury i architektury. Warto zobaczyć Zamek Królewski, Stare Miasto oraz Muzeum Powstania Warszawskiego. Miasto oferuje wiele atrakcji turystycznych, w tym parki, muzea i teatry. Warszawa jest również ważnym ośrodkiem gospodarczym i kulturalnym.", + "image": "https://www.niesamowitapolska.eu/images/mazowieckie/warszawa/38607734_m.jpg", + "area": 517.24, + "population": 1790658, + "density": 3460, + "elevation": 100 }, { "id": 2, "name": "Kielce", "description": "Stolica województwa świętokrzyskiego, położona w centralnej Polsce.", - "image": "https://as2.ftcdn.net/jpg/05/42/90/67/1000_F_542906717_cf5i6HeCJsPluuH5tqq5MbsSdfpopmtT.webp" + "longDescription": "Kielce to miasto w centralnej Polsce, znane z pięknych krajobrazów i bogatej historii. Warto odwiedzić Kielecki Park Etnograficzny, Muzeum Zabawek oraz Katedrę Wniebowzięcia Najświętszej Maryi Panny. Kielce są również znane z licznych festiwali i wydarzeń kulturalnych. Miasto oferuje wiele atrakcji turystycznych, w tym parki, muzea i teatry.", + "image": "https://as2.ftcdn.net/jpg/05/42/90/67/1000_F_542906717_cf5i6HeCJsPluuH5tqq5MbsSdfpopmtT.webp", + "area": 109.4, + "population": 196000, + "density": 1790, + "elevation": 350 }, { "id": 3, "name": "Kraków", "description": "Miasto położone w południowej Polsce, znane z bogatej historii i kultury.", - "image": "https://nawakacje.eu/wp-content/uploads/2020/12/krakow-atrakcje.jpg" + "longDescription": "Kraków to jedno z najstarszych i najpiękniejszych miast w Polsce, znane z bogatej historii, kultury i architektury. Warto zobaczyć Wawel, Stare Miasto oraz Sukiennice. Kraków jest również znany z licznych festiwali, wydarzeń kulturalnych oraz tradycji kulinarnych. Miasto oferuje wiele atrakcji turystycznych, w tym parki, muzea i teatry.", + "image": "https://nawakacje.eu/wp-content/uploads/2020/12/krakow-atrakcje.jpg", + "area": 326.85, + "population": 779115, + "density": 2380, + "elevation": 219 }, { "id": 4, "name": "Wrocław", "description": "Miasto w zachodniej Polsce, znane z pięknych mostów i architektury.", - "image": "https://backend.triverna.pl/blog/wp-content/uploads/2023/10/Wroclaw-z-lotu-ptaka-1.jpeg" + "longDescription": "Wrocław to miasto w zachodniej Polsce, znane z pięknych mostów, architektury i bogatej historii. Warto odwiedzić Ostrów Tumski, Rynek oraz Halę Stulecia. Wrocław jest również znany z licznych festiwali, wydarzeń kulturalnych oraz tradycji kulinarnych. Miasto oferuje wiele atrakcji turystycznych, w tym parki, muzea i teatry.", + "image": "https://backend.triverna.pl/blog/wp-content/uploads/2023/10/Wroclaw-z-lotu-ptaka-1.jpeg", + "area": 292.82, + "population": 640000, + "density": 2180, + "elevation": 120 }, { "id": 5, "name": "Poznań", "description": "Miasto w zachodniej Polsce, znane z tradycji piwowarskich.", - "image":"https://wycieczkoteka.pl/images/2024/11/07/poznan-co-zwiedzic.jpg" + "longDescription": "Poznań to miasto w zachodniej Polsce, znane z tradycji piwowarskich, bogatej historii i kultury. Warto odwiedzić Stary Rynek, Katedrę Poznańską oraz Ostrów Tumski. Poznań jest również znany z licznych festiwali, wydarzeń kulturalnych oraz tradycji kulinarnych. Miasto oferuje wiele atrakcji turystycznych, w tym parki, muzea i teatry.", + "image":"https://wycieczkoteka.pl/images/2024/11/07/poznan-co-zwiedzic.jpg", + "area": 262.82, + "population": 535802, + "density": 2030, + "elevation": 60 + } ] \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json index 72660cb..5917152 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,5 +15,5 @@ "**/*.ts", "**/*.tsx", "**/*.jsx" - ] +, "app/(tabs)/location/[id].js" ] }