【问题标题】:How to Update latitude and longitude in service when app is background in react native当应用程序在本机反应中处于后台时如何更新服务中的纬度和经度
【发布时间】:2018-08-10 07:30:13
【问题描述】:

我尝试在本机反应中每 15 分钟更新一次服务器中的位置。那么,我该怎么做...

我正在使用react-native-maps 作为地图 api

【问题讨论】:

  • 任何人都可以实现这个,请帮助我如何在我的应用中做到这一点

标签: reactjs google-maps react-native react-native-maps


【解决方案1】:

我在同一个问题上苦苦挣扎了两天,你必须考虑以下几点。

1:如果你来自原生Android(使用Java),你必须熟悉后台服务的概念,遗憾的是,react-native目前还不支持。

2:如果你想完成你的任务,你必须和我一样,我的意思是使用授权库。

3:经过大量谷歌搜索后,我使用了this library,我认为您需要使用它。

4:最后,这个库在 android 中不能免费用于商业用途,所以你必须为它们付费,它是如此简单且如此强大。

【讨论】:

    【解决方案2】:
     componentDidMount() {
        navigator.geolocation.getCurrentPosition(
            position => {
                var lat = parseFloat(position.coords.latitude);
                var long = parseFloat(position.coords.longitude);
                var initialRegion = {
                    latitude: lat,
                    longitude: long,
                    latitudeDelta: LATITUDE_DELTA,
                    longitudeDelta: LONGITUDEDELTA
                };
                this.setState({ intialposition: initialRegion });
            },
            error => {
                console.error(error);
            },
            { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
        );
    
        this.watchID = navigator.geolocation.watchPosition(position => {
            var lat = parseFloat(position.coords.latitude);
            var long = parseFloat(position.coords.longitude);
            var LastRegion = {
                latitude: lat,
                longitude: long,
                latitudeDelta: LATITUDE_DELTA,
                longitudeDelta: LONGITUDEDELTA
            };
    
            this.setState({ intialposition: LastRegion });
        });
    }
    
    componentWillUnmount() {
        navigator.geolocation.clearWatch(this.watchID);
    }
    

    通过这段代码你可以得到用户的位置并显示出来,你可以自己改变持续时间

    【讨论】:

    • 标题说应用程序在后台,我很确定你的不是。认为可能没有 componentWillUnmount 但没有运气。
    猜你喜欢
    • 2016-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多