TypeError：未定义不是对象（评估“navigator.geolocation.requestAuthorization”）

Question

我正在尝试调用：

`navigator.geolocation.requestAuthorization();`

请求地理定位许可。

但是，这会导致在 iOS 模拟器中运行时出错

这在某一时刻工作，但停止了。我试图删除并创建一个新项目。我还尝试卸载/重新安装节点和 react-native-cli。

import React, {Fragment, Component} from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';

import {
  Header,
  LearnMoreLinks,
  Colors,
  DebugInstructions,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';

export default class App extends Component {

    constructor(props)
    {
        super(props);

        navigator.geolocation.requestAuthorization();
    }

    render() {

        return (

                <View style={styles.MainContainer}>
                <SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
                <Text style={styles.sectionTitle}>Hello World!</Text>
                </SafeAreaView>
                </View>

                );
    }
}

const styles = StyleSheet.create({
  MainContainer :{
     justifyContent: 'center',
     flex:1,
     margin: 5,
     marginTop: (Platform.OS === 'ios') ? 20 : 0,
  },
  sectionTitle: {
    fontSize: 24,
    fontWeight: '600',
    color: Colors.black,
  },
});

我收到此错误：

[error][tid:com.facebook.react.JavaScript] TypeError: undefined is not an object (evaluating 'navigator.geolocation.requestAuthorization')

This error is located at:
    in App (at renderApplication.js:40)
    in RCTView (at View.js:35)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:35)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:39)

Answer 1

我也在处理同样的问题。后来，我只是简单地换了个包，一切都很好。

yarn add react-native-geolocation-service

// import Geolocation from '@react-native-community/geolocation';
import Geolocation from 'react-native-geolocation-service';

Answer 2

你应该使用@react-native-community/geolocation

先安装

yarn add @react-native-community/geolocation

然后导入

import Geolocation from '@react-native-community/geolocation';

在你的函数中

Geolocation.setRNConfiguration(config);

Answer 3

从 RN 0.6 或更高版本开始，地理定位不包含在 RN 核心中。如果您想使用它的 API，您应该按照以下链接中的步骤操作：https://github.com/react-native-community/react-native-geolocation

Answer 4

请确保您已在 Build Phases --> Link Binary With Libraries 中添加了 libRCTGeolocation.a 在您的 Xcode 项目设置和 RCTGeolocation.xcodeproj 在您的 Xcode 项目的库下.

Answer 5

地理位置已从 react native .60 版本中提取。如果您需要其他解决方案

安装 react-native-community/geolocation

npm install @react-native-community/geolocation --save


react-native link @react-native-community/geolocation

然后

IOS

您需要在Info.plist 中包含NSLocationWhenInUseUsageDescription 键才能在使用应用程序时启用地理定位。 为了在后台启用地理定位，您需要在 Info.plist 中包含“NSLocationAlwaysUsageDescription”键，并在 Xcode 的“功能”选项卡中添加位置作为背景模式。

安卓

要请求获取位置信息，您需要将以下行添加到应用的AndroidManifest.xml

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

用法

import Geolocation from '@react-native-community/geolocation';

Geolocation.getCurrentPosition(info => console.log(info));