如何在react-native中获取城市位置？

npm install react-native-geolocation-service

<key>NSLocationWhenInUseUsageDescription</key>
<string>App needs access to location when open.</string>
<key>NSLocationAlwaysUsageDescription</key>
<string>App needs access to location always.</string>

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

import React, { useEffect } from 'react';
import Geolocation from 'react-native-geolocation-service';

const App = () => {
  useEffect(() => {
    const getLocation = () => {
      Geolocation.getCurrentPosition(
        (position) => {
          const { latitude, longitude } = position.coords;
          console.log('Latitude:', latitude);
          console.log('Longitude:', longitude);

          // 使用经纬度获取城市信息
          fetch(`https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=${latitude}&longitude=${longitude}&localityLanguage=en`)
            .then((response) => response.json())
            .then((data) => {
              console.log('City:', data.city);
            })
            .catch((error) => {
              console.error('Error fetching city:', error);
            });
        },
        (error) => {
          console.error('Error getting location:', error);
        },
        { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000 }
      );
    };

    getLocation();
  }, []);

  return (
    <div>
      {/* Your app content */}
    </div>
  );
};

export default App;