以下是一个简单的React Native代码片段,演示如何使用Geolocation模块获取设备的当前位置:
首先,你需要安装 react-native-geolocation-service 库:
npm install @react-native-community/geolocation
然后在你的代码中使用它:
import Geolocation from '@react-native-community/geolocation';
// 获取当前位置
const getCurrentLocation = () => {
Geolocation.getCurrentPosition(
position => {
const { latitude, longitude } = position.coords;
console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
},
error => {
console.error(error.message);
},
{ enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
);
};
// 监听位置变化
const watchLocation = () => {
const watchId = Geolocation.watchPosition(
position => {
const { latitude, longitude } = position.coords;
console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
},
error => {
console.error(error.message);
},
{ enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
);
// 停止监听
// Geolocation.clearWatch(watchId);
};
// 在组件生命周期中使用
componentDidMount() {
getCurrentLocation();
// 或者
watchLocation();
}
// 记得在组件卸载时取消监听
componentWillUnmount() {
// Geolocation.clearWatch(watchId);
}
这个例子中,getCurrentPosition用于获取当前位置,而watchPosition则用于监听位置变化。在实际应用中,请根据你的需求适配和调整这些代码。
转载请注明出处:http://www.zyzy.cn/article/detail/9504/React Native