사진 흑백 컬러필터 및 적당히 잘라서 보여주기

완성 화면

1:흑백 필터 효과

https://api.flutter.dev/flutter/widgets/ColorFiltered-class.html

ColorFiltered class - widgets library - Dart API

ColorFiltered(
    colorFilter: ColorFilter.mode(
        Colors.black.withOpacity(0.55), BlendMode.darken), //withOpacity 높은 수록 검은색 진해짐 
    child: AspectRatio( //ratio 기능은 테스트 떄문에 넣어봄 없어도 됨
      aspectRatio: 1,
      child: PhotoViewGallery.builder(
        // backgroundDecoration:
        //     BoxDecoration(color: Colors.red),
        scrollPhysics: BouncingScrollPhysics(),
        builder: (BuildContext context, int index) {
          return PhotoViewGalleryPageOptions(
            disableGestures: true,
            imageProvider: FileImage(
              File(item.fileName),
            ),
            initialScale:
                PhotoViewComputedScale.contained * 1.9,
          );
        },
        itemCount: 1,
      ),
    )),

2. 사진 적당하게 자르기 (특히 왼쪽 오른쪽이 원본 사진보다 줄어서 보여주길 원함)

AspectRatio

해당 기능으로 구현을 했었지만 비율이 1:1 이 아닌 사진에서는 작동하지 않아서  고민해본 결과  확대 후 자르는 방식을 사용해서 구현 밑예 예시처럼 가로 비율이 세로보다 작은 사진은 올바르게 작동 하지 않음 

에러 사항

 

밑에 라이브러리를 사용해서 적당한 비율로 확대해서 자연스럽게 잘라지는 효과를 사용함

https://pub.dev/packages/photo_view

photo_view | Flutter Package

 

3.완성된 화면