[flutter] 플러터 프로바이더를 사용한 기기 정보 접근

14 Dec 2023

flutter

플러터 어플리케이션을 개발할 때 기기의 정보에 접근해야 하는 경우가 많습니다. 이를 위해 플러터에서는 플러터 프로바이더(Provider) 패키지를 사용하여 기기 정보에 접근할 수 있습니다.

1. 플러터 프로바이더 패키지 추가

먼저, pubspec.yaml 파일에 플러터 프로바이더 패키지를 추가해야 합니다.

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.1

위와 같이 provider 패키지를 pubspec.yaml 파일에 추가한 후에는 flutter pub get 명령어를 실행하여 패키지를 다운로드 받아야 합니다.

2. 기기 정보에 접근

플러터 프로바이더를 사용하여 기기 정보에 접근하려면, package:provider/provider.dart를 가져와야 합니다.

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

그 다음, 원하는 기기 정보에 접근하기 위해 해당 프로바이더를 사용하면 됩니다. 예를 들어, 기기의 이름과 버전 정보에 접근하려면 다음과 같이 할 수 있습니다.

class DeviceInfoWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var deviceInfo = Provider.of<DeviceInfo>(context);
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('Device Name: ${deviceInfo.deviceName}'),
        Text('Device Version: ${deviceInfo.deviceVersion}'),
      ],
    );
  }
}

위 예제에서 DeviceInfo는 기기 정보를 담고 있는 모델 클래스일 것이며, 해당 정보를 제공하는 프로바이더를 통해 접근할 수 있습니다.

3. 기기 정보를 제공하는 프로바이더 구현

마지막으로, 기기 정보를 제공하는 프로바이더를 구현해야 합니다. ChangeNotifier를 확장하는 클래스를 만들고, 해당 클래스에서 기기 정보를 가져와야 합니다.

class DeviceInfoProvider extends ChangeNotifier {
  String _deviceName;
  String _deviceVersion;

  // ... 기기 정보 가져오는 로직 ...

  String get deviceName => _deviceName;
  String get deviceVersion => _deviceVersion;
}

그리고 이 프로바이더를 앱 전반에서 사용할 수 있도록 앱의 최상위 위젯에서 제공자로 만들어야 합니다.

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => DeviceInfoProvider(),
      child: MyApp(),
    ),
  );
}

// ...

위와 같이 ChangeNotifierProvider를 사용하여 DeviceInfoProvider를 앱의 계층 구조에 주입하여 모든 곳에서 기기 정보에 접근할 수 있도록 할 수 있습니다.

플러터 프로바이더를 사용하면 기기 정보와 같은 전역 데이터에 쉽게 접근할 수 있으며, 이는 효율적인 상태 관리와 코드의 가독성을 높일 수 있습니다.

참고 자료

플러터 프로바이더 공식 문서: https://pub.dev/packages/provider