الموقع GPS وعرضه على الخريطة

import { View, Text, StyleSheet } from 'react-native';import { useLocation } from 'smartdevice'; export default function App() {  const loc = useLocation();        // { lat, lng, city }  return (    <View style={styles.box}>      <Text style={styles.city}>📍 {loc.city}</Text>      <Text style={styles.coord}>خط العرض: {loc.lat}</Text>      <Text style={styles.coord}>خط الطول: {loc.lng}</Text>    </View>  );} const styles = StyleSheet.create({  box: { padding: 24, alignItems: 'center' },  city: { fontSize: 24, fontWeight: 'bold', color: '#E8820C' },  coord: { marginTop: 6, color: '#555' },});

import { View, Text, StyleSheet } from 'react-native';import { useLocation } from 'smartdevice'; const BRANCH = { lat: 24.77, lng: 46.74, name: 'فرع العليا' }; function distanceKm(a, b) {  const dLat = (a.lat - b.lat) * 111;          // كل درجة عرض ≈ 111 كم  const dLng = (a.lng - b.lng) * 96;           // تقريبٌ لخطّ الطول  return Math.sqrt(dLat * dLat + dLng * dLng).toFixed(1);} export default function App() {  const loc = useLocation();  const km = distanceKm(loc, BRANCH);  return (    <View style={styles.box}>      <Text style={styles.c}>موقعك: {loc.city}</Text>      <Text style={styles.d}>المسافة إلى {BRANCH.name}: {km} كم</Text>    </View>  );} const styles = StyleSheet.create({  box: { padding: 24, alignItems: 'center' },  c: { fontSize: 16, color: '#555' },  d: { marginTop: 10, fontSize: 20, fontWeight: 'bold', color: '#2E7D32' },});