[flutter] photo_view 패키지로 이미지 크기 조절하기

이미지를 크게 보여주거나 확대/축소할 수 있는 기능을 구현하려면 photo_view 패키지를 사용할 수 있습니다. 이 패키지는 Flutter 앱에서 이미지를 자유롭게 조작할 수 있는 다양한 기능을 제공합니다.

photo_view 패키지 설치하기

먼저, photo_view 패키지를 pubspec.yaml 파일에 추가해야 합니다. 프로젝트의 dependencies 섹션에 다음과 같이 작성합니다:

dependencies:
   flutter:
      sdk: flutter
   photo_view: ^0.12.0

그리고 나서, 패키지를 설치하려면 터미널에서 다음 명령어를 실행합니다:

flutter pub get

photo_view 사용하기

이미지를 크기 조절하기 위해서는 PhotoView 위젯을 사용해야 합니다. 다음은 예제 코드입니다:

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

class MyImageViewer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('이미지 뷰어'),
      ),
      body: Center(
        child: Container(
          width: MediaQuery.of(context).size.width,
          height: MediaQuery.of(context).size.height,
          child: PhotoView(
            imageProvider: AssetImage('assets/images/my_image.jpg'),
            minScale: PhotoViewComputedScale.contained,
            maxScale: PhotoViewComputedScale.covered * 1.8,
          ),
        ),
      ),
    );
  }
}

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

위의 코드에서 PhotoView 위젯을 사용하여 이미지를 보여주고, 최소 및 최대 확대 축소 비율을 설정할 수 있습니다. 위 예제에서는 이미지가 MinScale로부터 Contained되고 MaxScale로부터 Covered됩니다.

위젯의 imageProvider 매개변수에는 AssetImage와 같은 ImageProvider의 인스턴스를 제공해야합니다. 이렇게 하면 로컬 이미지나 NetworkImage와 같은 원격 이미지를 사용할 수 있습니다.

위 코드를 실행하면 이미지가 전체 화면에 맞게 나타나며, 화면을 확대/축소할 수 있습니다.

photo_view 패키지에는 다양한 기능과 설정이 있으므로 필요에 따라 해당 문서를 참조하면 됩니다.

이제 photo_view 패키지를 사용하여 Flutter 앱에서 이미지를 크게 보여주고 조절하는 기능을 구현할 수 있습니다.