[flutter] get_it를 사용하여 플러터 앱에서 사진 및 동영상 촬영을 어떻게 하는가?

30 Nov 2023

flutter

먼저, get_it 패키지를 프로젝트에 추가합니다. pubspec.yaml 파일에 아래 코드를 추가해주세요.

dependencies:
  get_it: ^6.0.0

그 다음, 패키지를 가져와서 사용하도록 설정해야 합니다. main.dart 파일에서 아래와 같이 수정해주세요.

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

void main() {
  // 앱 시작 시 get_it을 초기화합니다.
  GetIt.instance.registerSingleton<CameraService>(CameraService());
  
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  // get_it에서 CameraService 인스턴스를 가져옵니다.
  final CameraService _cameraService = GetIt.instance.get<CameraService>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Camera App'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              child: Text('Take Photo'),
              onPressed: () {
                // 사진 촬영 로직을 호출합니다.
                _cameraService.takePhoto();
              },
            ),
            RaisedButton(
              child: Text('Record Video'),
              onPressed: () {
                // 동영상 촬영 로직을 호출합니다.
                _cameraService.recordVideo();
              },
            ),
          ],
        ),
      ),
    );
  }
}

class CameraService {
  void takePhoto() {
    // 사진 촬영 로직을 구현합니다.
    print('Taking photo...');
  }

  void recordVideo() {
    // 동영상 촬영 로직을 구현합니다.
    print('Recording video...');
  }
}

위의 코드에서는 get_it 패키지를 사용하여 CameraService를 관리하고 있습니다. main.dart 파일에서 get_it을 초기화하고, CameraService를 등록합니다. 그리고 MyHomePage 위젯에서 CameraService 인스턴스를 가져와서 사진 및 동영상 촬영 버튼에 해당 로직을 연결해줍니다.

사진 촬영 및 동영상 촬영 로직은 CameraService 클래스 안에 구현되어 있습니다. 현재는 간단한 출력문만 포함되어 있지만, 실제로는 사진 촬영과 동영상 촬영을 위한 API를 호출하고 처리할 수 있습니다.

이제 앱을 실행하고 사진 촬영 및 동영상 촬영 버튼을 누르면 해당 로직이 실행되는 것을 확인할 수 있습니다.

더 자세한 내용은 get_it 패키지의 공식 문서를 참조하시기 바랍니다.

get_it 패키지: https://pub.dev/packages/get_it