Patryk_Kania/CityExplorer
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

location show page

Browse Source
This commit is contained in:
Patryk
2025-04-09 20:37:52 +02:00
parent 25a1ed4f35
commit 16598e9217
4 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/(tabs)/_layout.tsx
View File

@@ -24,9 +24,6 @@ export default function TabLayout() {
<Tabs.Screen name="index" options={{ title: 'Home',tabBarIcon: ({ color, focused }) => (
<Ionicons name={focused ? 'home-sharp' : 'home-outline'} color={color} size={24} />
), }} />
{/* <Tabs.Screen name="location" options={{ title: 'Location' ,tabBarButton: ()=> null,tabBarIcon: ({ color, focused }) => (
<Ionicons name={focused ? 'location-sharp' : 'location-outline'} color={color} size={24} />
),}} /> */}
<Tabs.Screen name="formScreen" options={{title: 'Create/Edit' ,tabBarIcon: ({ color, focused }) => (
<Ionicons name={focused ? 'add-circle-sharp' : 'add-circle-outline'} color={color} size={24} />
),}} />

63
app/(tabs)/location/[id].js
View File

@@ -1,63 +0,0 @@
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 (
<View style={styles.container}>
<Text style={styles.text}>Brak lokalizaji - {id}</Text>
</View>
);
}
return (
<View style={styles.container}>
<ScrollView>
<Card>
<Card.Cover style={{marginBottom: 10}} source={{ uri: location.image }} />
<Card.Content style={{marginBottom: 10}}>
<Text variant="headlineLarge" style={{marginBottom: 10}}>
Opis
</Text>
<Text variant="bodyMedium">
{location.longDescription}
</Text>
</Card.Content>
<Card.Content>
<Text variant="headlineLarge" style={{marginBottom: 10}}>
Statystyki
</Text>
<Text variant="bodyMedium" style={{marginBottom: 10}}>
Powierzchnia: {location.area} km²
</Text>
<Text variant="bodyMedium" style={{marginBottom: 10}}>
Ludność: {location.population} osób
</Text>
<Text variant="bodyMedium" style={{marginBottom: 10}}>
Gęstość zaludnienia: {location.density} osób/km²
</Text>
<Text variant="bodyMedium" style={{marginBottom: 10}}>
Wysokość nad poziomem morza: {location.elevation} m n.p.m.
</Text>
</Card.Content>
</Card>
</ScrollView></View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#25292e',
justifyContent: 'center',
alignItems: 'center',
},
text: {
color: '#fff',
},
});