Flutter의 위치 서비스(Location Services) 사용법

Flutter 애플리케이션에서 위치 기반 서비스를 구현하는 것은 매우 유용하며, 이를 통해 사용자의 현재 위치를 확인하거나 위치 기반 알림을 제공할 수 있습니다. 이번 글에서는 Flutter에서 위치 서비스를 사용하는 방법과 이를 구현하는 예제를 자세히 살펴보겠습니다.

1. 위치 서비스 패키지 설치

Flutter 애플리케이션에서 위치 정보를 가져오기 위해 location 패키지를 사용합니다. pubspec.yaml 파일에 다음 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  location: ^4.3.0

 

그리고 pub get 명령어를 실행하여 패키지를 설치합니다.

2. Android 설정

Android 프로젝트에서 위치 서비스를 사용하려면 android/app/src/main/AndroidManifest.xml 파일을 수정해야 합니다. 위치 권한을 추가합니다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.your_project_name">

    <application>
        ...
    </application>

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

 

위 코드는 위치 서비스에 필요한 권한을 추가합니다.

3. iOS 설정

iOS 프로젝트에서 위치 서비스를 사용하려면 ios/Runner/Info.plist 파일을 수정해야 합니다. 위치 권한을 추가합니다.

<key>NSLocationWhenInUseUsageDescription</key>
<string>We need your location to provide better services.</string>
<key>NSLocationAlwaysUsageDescription</key>
<string>We need your location to provide better services.</string>

 

위 코드는 위치 서비스에 필요한 권한을 추가합니다.

4. 현재 위치 가져오기

이제 Flutter 애플리케이션에서 사용자의 현재 위치를 가져오는 방법을 살펴보겠습니다. location 패키지를 사용하여 위치 정보를 가져옵니다.

import 'package:flutter/material.dart';
import 'package:location/location.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LocationScreen(),
    );
  }
}

class LocationScreen extends StatefulWidget {
  @override
  _LocationScreenState createState() => _LocationScreenState();
}

class _LocationScreenState extends State<LocationScreen> {
  LocationData? _currentPosition;
  String? _currentAddress;
  final Location _location = Location();

  @override
  void initState() {
    super.initState();
    _getLocation();
  }

  Future<void> _getLocation() async {
    bool _serviceEnabled;
    PermissionStatus _permissionGranted;

    _serviceEnabled = await _location.serviceEnabled();
    if (!_serviceEnabled) {
      _serviceEnabled = await _location.requestService();
      if (!_serviceEnabled) {
        return;
      }
    }

    _permissionGranted = await _location.hasPermission();
    if (_permissionGranted == PermissionStatus.denied) {
      _permissionGranted = await _location.requestPermission();
      if (_permissionGranted != PermissionStatus.granted) {
        return;
      }
    }

    _currentPosition = await _location.getLocation();
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Location Services Example'),
      ),
      body: Center(
        child: _currentPosition == null
            ? CircularProgressIndicator()
            : Text(
                "Location: \nLatitude: ${_currentPosition!.latitude}\nLongitude: ${_currentPosition!.longitude}"),
      ),
    );
  }
}

 

위 코드는 사용자의 현재 위치를 가져와 화면에 표시하는 예제입니다. Location 클래스의 getLocation 메서드를 사용하여 위치 정보를 가져옵니다.

 

반응형

 

 

5. 위치 업데이트 추적

실시간 위치 업데이트를 추적하려면 onLocationChanged 스트림을 사용합니다.

import 'package:flutter/material.dart';
import 'package:location/location.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LocationScreen(),
    );
  }
}

class LocationScreen extends StatefulWidget {
  @override
  _LocationScreenState createState() => _LocationScreenState();
}

class _LocationScreenState extends State<LocationScreen> {
  LocationData? _currentPosition;
  final Location _location = Location();

  @override
  void initState() {
    super.initState();
    _location.onLocationChanged.listen((LocationData currentLocation) {
      setState(() {
        _currentPosition = currentLocation;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Location Services Example'),
      ),
      body: Center(
        child: _currentPosition == null
            ? CircularProgressIndicator()
            : Text(
                "Location: \nLatitude: ${_currentPosition!.latitude}\nLongitude: ${_currentPosition!.longitude}"),
      ),
    );
  }
}

 

위 코드는 사용자의 위치가 변경될 때마다 실시간으로 위치 정보를 업데이트하는 예제입니다. onLocationChanged 스트림을 구독하여 위치 변경을 추적합니다.

6. 위치 권한 요청

위치 서비스를 사용하기 위해서는 사용자의 권한을 요청해야 합니다. 권한 요청은 requestPermission 메서드를 사용하여 처리합니다.

Future<void> _requestPermission() async {
  PermissionStatus _permissionGranted = await _location.hasPermission();
  if (_permissionGranted == PermissionStatus.denied) {
    _permissionGranted = await _location.requestPermission();
    if (_permissionGranted != PermissionStatus.granted) {
      return;
    }
  }
}

 

위 코드는 위치 권한을 요청하는 방법을 보여줍니다. 사용자가 위치 권한을 부여해야 위치 정보를 사용할 수 있습니다.

결론

Flutter 애플리케이션에서 위치 서비스를 사용하면 사용자의 현재 위치를 추적하고, 위치 기반 서비스를 제공할 수 있습니다. location 패키지를 사용하여 현재 위치를 가져오고, 실시간 위치 업데이트를 추적하는 방법을 통해 위치 서비스를 구현할 수 있습니다. 이번 글에서 소개한 방법들을 활용하여 Flutter 애플리케이션에서 위치 서비스를 효율적으로 사용해보세요. 위치 서비스를 통해 애플리케이션의 기능을 확장하고, 사용자 경험을 향상시킬 수 있습니다.