在react-native中，在useEffect之前获取用户位置

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';
import Geolocation from '@react-native-community/geolocation';

const App = () => {
  const [location, setLocation] = useState(null);

  // 同步获取位置信息
  const getLocationSync = () => {
    try {
      const position = Geolocation.getCurrentPosition(
        position => {
          setLocation(position.coords);
        },
        error => {
          console.error('Error getting location:', error);
        },
        { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
      );
    } catch (error) {
      console.error('同步获取位置失败:', error);
    }
  };

  // 在组件挂载之前调用同步获取位置的函数
  getLocationSync();

  useEffect(() => {
    // 这里可以放置依赖于位置的副作用代码
    console.log('Location updated:', location);
  }, [location]);

  return (
    <View>
      {location ? (
        <Text>Latitude: {location.latitude}, Longitude: {location.longitude}</Text>
      ) : (
        <Text>Loading location...</Text>
      )}
    </View>
  );
};

export default App;