[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
패키지: https://pub.dev/packages/photo_view
이제 photo_view
패키지를 사용하여 Flutter 앱에서 이미지를 크게 보여주고 조절하는 기능을 구현할 수 있습니다.