diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index da560c1..6905066 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -5,6 +5,7 @@ import { useTheme } from 'react-native-paper'; export default function TabLayout() { const theme = useTheme(); + return ( ( ), }} /> - ( + ( ),}} /> diff --git a/app/(tabs)/addLocation.jsx b/app/(tabs)/addLocation.jsx new file mode 100644 index 0000000..0f19630 --- /dev/null +++ b/app/(tabs)/addLocation.jsx @@ -0,0 +1,111 @@ +import { useState } from 'react'; +import { View, StyleSheet } from 'react-native'; +import { TextInput, Button } from 'react-native-paper'; +import { locations } from '@/data/locations'; + + +export default function FormScreen() { + const [formData, setFormData] = useState({ + name: '', + description: '', + image: '', + area: '', + population: '', + }); + + const [location, setLocation] = useState(locations.sort((a, b) => b.id - a.id)); + + const addLocation = () => { + console.log(formData); + if(formData.name && formData.description && formData.image && formData.area && formData.population) { + const newLocation = { + id: locations.length > 0 ? locations[0].id + 1 : 0, + name: formData.name, + description: formData.description, + image: formData.image, + area: formData.area, + population: formData.population, + }; + + setLocation([newLocation, ...location]); + + locations.push(newLocation); + + setFormData({ + name: '', + description: '', + image: '', + area: '', + population: '', + }); + } + } + + + + return ( + + setFormData({ ...formData, name: e })} + + /> + setFormData({ ...formData, description: e })} + /> + setFormData({ ...formData, image: e })} + /> + setFormData({ ...formData, area: e })} + /> + setFormData({ ...formData, population: e })} + /> + + + + ); +} + +const styles = StyleSheet.create({ + container: { + flex: 1, + backgroundColor: '#25292e', + justifyContent: 'center', + alignItems: 'center', + }, + text: { + color: '#fff', + }, +}); diff --git a/app/(tabs)/formScreen.tsx b/app/(tabs)/formScreen.tsx deleted file mode 100644 index a80c2c6..0000000 --- a/app/(tabs)/formScreen.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Text, View, StyleSheet } from 'react-native'; - -export default function FormScreen() { - return ( - - Form - - ); -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - backgroundColor: '#25292e', - justifyContent: 'center', - alignItems: 'center', - }, - text: { - color: '#fff', - }, -}); diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx index f1579b9..0c3886a 100644 --- a/app/(tabs)/index.tsx +++ b/app/(tabs)/index.tsx @@ -1,22 +1,22 @@ import { View, StyleSheet, FlatList } from 'react-native'; import { useTheme, Card, Text, Button} from 'react-native-paper'; import { Link } from 'expo-router'; - -import { Locations } from '@/constants/Locations'; +import { locations } from '@/data/locations'; export default function Index() { const theme = useTheme(); + console.log(locations); return ( item.name} renderItem={({ item }) => ( {item.name} - {item.description} + {item.description.split('.')[0]}... diff --git a/app/_layout.tsx b/app/_layout.tsx index b29c0fc..e58ffd4 100644 --- a/app/_layout.tsx +++ b/app/_layout.tsx @@ -3,11 +3,12 @@ import { useColorScheme } from 'react-native'; import { PaperProvider} from 'react-native-paper'; import { MD3LightTheme, MD3DarkTheme } from 'react-native-paper'; -const colorScheme = useColorScheme(); -const theme = colorScheme === 'dark' ? MD3DarkTheme : -MD3LightTheme; export default function RootLayout() { + const colorScheme = useColorScheme(); + const theme = colorScheme === 'dark' ? MD3DarkTheme : + MD3LightTheme; + return ( loc.id == id); + const location = locations.find(loc => loc.id == id); if (!location) { return ( @@ -14,6 +14,7 @@ export default function Location() { ); } + return ( @@ -27,7 +28,7 @@ export default function Location() { Opis: - {location.longDescription} + {location.description} @@ -41,12 +42,6 @@ export default function Location() { Ludność: {location.population} osób - - Gęstość zaludnienia: {location.density} osób/km² - - - Wysokość nad poziomem morza: {location.elevation} m n.p.m. - diff --git a/constants/Locations.js b/constants/Locations.js deleted file mode 100644 index 6b77163..0000000 --- a/constants/Locations.js +++ /dev/null @@ -1,58 +0,0 @@ -export const Locations = [ - { - "id": 1, - "name": "Warszawa", - "description": "Stolica Polski, położona w centralnej części kraju.", - "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.", - "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.", - "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.", - "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.", - "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/data/locations.js b/data/locations.js new file mode 100644 index 0000000..c74db26 --- /dev/null +++ b/data/locations.js @@ -0,0 +1,44 @@ +export const locations = [ + { + "id": 1, + "name": "Warszawa", + "description": "Stolica Polski, położona w centralnej części kraju. 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, + }, + { + "id": 2, + "name": "Kielce", + "description": "Stolica województwa świętokrzyskiego, położona w centralnej Polsce. 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, + }, + { + "id": 3, + "name": "Kraków", + "description": "Miasto położone w południowej Polsce, znane z bogatej historii i kultury. 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, + }, + { + "id": 4, + "name": "Wrocław", + "description": "Miasto w zachodniej Polsce, znane z pięknych mostów i architektury. 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, + }, + { + "id": 5, + "name": "Poznań", + "description": "Miasto w zachodniej Polsce, znane z tradycji piwowarskich. 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, + + } +] + \ No newline at end of file