[flutter] 플러터에서 훅(hook)을 활용하여 사용자 위치 추적하기

14 Dec 2023

flutter

플러터에서 사용자 위치를 추적하고 위치 정보를 얻는 것은 앱에서 중요한 부분입니다. 이를 위해서는 효과적으로 사용자의 위치를 가져오고 관리해야 합니다. 이때 훅(hook)을 사용하여 간단하게 위치를 추적할 수 있습니다.

플러터 훅(hook)이란?

훅(hook)은 리액트나 플러터와 같은 프레임워크에서 사용되는 기능으로, 상태와 생명주기 등을 관리하기 위해 사용됩니다. 이를 통해 코드를 훨씬 간결하게 작성할 수 있습니다.

사용자 위치 훅 만들기

다음은 플러터에서 위치 훅을 활용하여 사용자의 위치를 추적하는 간단한 예제 코드입니다.

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

void main() => runApp(MyApp());

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

class MyLocationTracker extends StatefulWidget {
  @override
  _MyLocationTrackerState createState() => _MyLocationTrackerState();
}

class _MyLocationTrackerState extends State<MyLocationTracker> {
  var _position = '';

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

  Future<void> _getLocation() async {
    final Position position = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);
    setState(() {
      _position = '${position.latitude}, ${position.longitude}';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('사용자 위치 추적'),
      ),
      body: Center(
        child: Text('현재 위치: $_position'),
      ),
    );
  }
}

위 코드는 geolocator 패키지를 사용하여 사용자의 위치를 추적하고, 상태를 관리합니다. Geolocator를 사용하여 getCurrentPosition을 호출하여 사용자의 현재 위치를 가져올 수 있습니다. 그리고 setState를 통해 위치 정보를 화면에 업데이트합니다.

위 코드를 실행하면 앱이 실행될 때 사용자의 위치 정보가 화면에 표시됩니다.

위와 같이 플러터에서 훅(hook)을 활용하여 사용자의 위치를 간단하게 추적할 수 있습니다.

결론

플러터에서 위치를 추적하는 것은 매우 중요합니다. 훅(hook)을 사용하여 상태와 생명주기를 관리하는 것은 코드를 훨씬 간결하게 작성할 수 있는 좋은 방법입니다. 따라서 사용자 위치를 추적하는 기능을 개발할 때 훅(hook)을 적극적으로 활용해보시기 바랍니다.