[006] 플러터 (Flutter) Tip - 포토뷰(photo_view) 사진 저장 기능 구현하기 (갤러리 앨범에 저장하기)

2023. 6. 10. 22:04모바일어플개발/Flutter Tips

반응형

안녕하세요~ totally 개발자입니다. 

 

보통 포토뷰를 볼 때 사진을 저장해야 하는 기능을 제공하는 경우가 많습니다. 이번 포스팅에서는 갤러리 앨범에 바로 다운로드가 될 수 있도록 실습해보도록 하겠습니다.

 

오늘 이 포스팅은 tip이기 때문에 별도 설명은 없으며 아래 포스팅을 기반으로 하기 때문에 아래 포스팅을 먼저 진행하셔야 합니다.

https://totally-developer.tistory.com/147

 

[063] 플러터 (Flutter) 배우기 - 포토뷰(photo_view)로 사진 확대, 축소 기능 위젯 만들기 & PageView.builder

안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있는 기능이 필요한 경우가 있습니다. 그런 경우에 사용할

totally-developer.tistory.com

 

Step 1: pubspec.yaml에 photo_view와 dio, image_gallery_saver를 추가합니다.

 

 

 

Step 2: 다음처럼 임포트하시고 _isDownloading 변수와 downloadImage 메소드를 추가해줍니다.

 

 

Step 3: 기존에 있던 부분 밑에 85번째 줄부터 Align 위젯을 이용하여 다운로드 버튼을 구현해주고 101-103번째 줄을 통해 메소드를 호출해주시면 마무리됩니다. 

 

 

Step 4: 기기를 실행해보고 다운로드 버튼을 눌러줍니다. (만약 처음 실행한 경우에는 권한 허용 팝업이 나오는데 허용해줍니다)

 

 

Step 5: DEBUG CONSOLE에 아래처럼 메시지가 나오면 성공입니다.

 

 

Step 6: 그리고 마지막으로 갤러리에 들어가서 사진이 잘 다운로드된 것을 확인하시면 됩니다.

 

 

[유튜브 강좌 영상]

 

https://youtu.be/7iDMkygo8BQ

 

반응형