cached_network_image 패키지는 Flutter 앱에서 네트워크 이미지를 로드하고 캐시하여 사용자 경험을 향상시키는 데 도움을 줍니다. 이 패키지를 사용하여 이미지를 팬, 확대 및 축소할 수 있습니다.

패키지 설치

먼저 pubspec.yaml 파일에 다음과 같이 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  cached_network_image: ^3.0.0

그런 다음 터미널에서 flutter pub get 명령을 실행하여 패키지를 가져옵니다.

이미지 팬/확대/축소 구현

이제 이미지를 팬, 확대 및 축소하기 위해 cached_network_image 패키지와 함께 photo_view 패키지를 사용할 것입니다.

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

class ZoomableImage extends StatelessWidget{
  final String imageUrl;

  ZoomableImage(this.imageUrl);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: PhotoView(
        imageProvider: CachedNetworkImageProvider(imageUrl),
      ),
    );
  }
}

ZoomableImage 위젯을 사용하여 원하는 페이지나 경로에서 이미지를 확대, 축소하고 팬할 수 있습니다.

이제 당신은 cached_network_image 패키지를 사용하여 Flutter 앱에서 이미지를 팬, 확대 및 축소하는 방법을 알게 되었습니다. 만약 패키지에 대한 보다 자세한 정보가 필요하다면, 공식 문서를 참고하세요.