31 lines
882 B
TypeScript
31 lines
882 B
TypeScript
import { StyleSheet } from 'react-native'
|
|
import { ThemedView } from '@/components/ThemedView'
|
|
import "maplibre-gl/dist/maplibre-gl.css"
|
|
import { useBackgroundPermissions } from 'expo-location'
|
|
import Map from '@/components/Map'
|
|
import { ThemedText } from '@/components/ThemedText'
|
|
|
|
export default function MapScreen() {
|
|
const [backgroundStatus, requestBackgroundPermission] = useBackgroundPermissions()
|
|
if (!backgroundStatus?.granted && backgroundStatus?.canAskAgain)
|
|
requestBackgroundPermission()
|
|
|
|
return (
|
|
<ThemedView style={styles.page}>
|
|
{backgroundStatus?.granted ? <Map /> : <ThemedText>La géolocalisation est requise pour utiliser la carte.</ThemedText>}
|
|
</ThemedView>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
page: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center'
|
|
},
|
|
map: {
|
|
flex: 1,
|
|
alignSelf: 'stretch',
|
|
},
|
|
})
|