Автоматическое получение текущего местоположения в Reactnative

У меня есть этот метод для получения текущего местоположения, нажав кнопку, он получит текущее местоположение. Я хочу получить местоположение, не нажимая эту кнопку.

getLocationHandler = () =>{
   navigator.geolocation.getCurrentPosition(pos =>{

    const coordsEvent  = { 
      nativeEvent :{
        coordinate : {
          latitude : pos.coords.latitude,
          longitude : pos.coords.longitude
        }
      }
    };
this.pickLocationHandler(coordsEvent);

   },
   err => {
     console.info(err);
     alert("Fetching the position failed,Please pick one manually")
   })
 }

Вы хотите получать местоположение на периодической основе? После определенного события?

— 09.10.2018 09:16

Я хочу отображать текущее местоположение при открытии экрана карты

— 09.10.2018 09:20

react-native react-native-android react-native-maps

09.10.2018 08:39

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

5 486

Ответы 1

Вам нужно сохранить местоположение в состоянии и запрашивать его при монтировании вашего компонента. С react-native-maps получение местоположения является асинхронной задачей, поэтому вам понадобится такое решение:

constructor(props){
    super(props);
    state = {
        myLocation: null
    };
}

componentDidMount = () => {
    this.getMyLocation();
};

getMyLocation = async () => {
    let { status } = await Permissions.askAsync(Permissions.LOCATION);
    if (status !== 'granted') {
        this.setState({
            myLocation: 'Permission denied',
        });
    }
    let location = await Location.getCurrentPositionAsync({});
    this.setState({
        myLocation: JSON.stringify(location)
    });
};

Ооооооо или вы могли бы погуглить