# image_picker

[Flutter] ios에서 image_picker 사용시 에러 현상 (해결)
⚡️ flutter로 ios 시뮬레이터 사용시 일어나는 에러 프로젝트를 하던중 image_picker를 설치하고 빌드를 하자 다음과 같은 오류가 발생했다. ios는 사진 권한이 필요하다는 에러였다. 해결 방법은 /ios/Runner/Info.plist 파일에 ``값을 추가해주면 된다. 윗 코드를 추가하여 카메라, 마이크, 사진 권한을 줄 수 있다. 📁 참고 image_picker _잘못된 정보가 있

[Flutter/Riverpod] ImagePicker로 갤러리 이미지 불러오기(MultiImage)
본인은 게시판에 게시할 이미지를 불러오는 코드를 구현할 예정이다. 이미지는 5장으로 한정하며 완성된 UI는 위 사진과 같다 먼저 본인은 게시판, 채팅, 유저 정보 등 여러 화면에서 사용할 예정이므로 Service를 싱글톤으로 구현했다 ImagePickerService pickImage() 메소드는 여러장의 사진을 불러오는 메소드이며, picksingleImage()는 한장의 사진을 불러오는 메소드이다. 다음은 게시판에서 서비스를 사용하는 Provider이다 ImagePickProvider copilot이 작성해준 주석..
[Flutter] ImagePicker().pickImage
Image_picker package image_picker 패키지는 Flutter 앱에서 카메라 또는 갤러리에서 사진을 찍거나, 이미지를 선택할 수 있게 해주는 패키지다. 위의 방법으로 두 경우에 대해 구현할 수 있다. 촬영 또는 선택한 이미지는 image_picker 패키지의 XFile type으로 저장된다. 여기서 XFile 클래스는 dart에서 기본적으로 제공하는 File 클래스와 유사하지만, 이미지 파일을 나타내기 위해 추가된 메소드와 속성이 있다.

사진을 불러와 위젯에 넣기
Overview >image_picker라는 flutter 패키지를 이용해 사진을 가져오고, 화면에 보여주자. IOS-info.plist ios>Runner>info.plist에 추가하기 Android-AndroidManifest.xml No configuration required! 안드로이드 버전에 따라 다른 듯 하니 이곳을 참고하자. 사용법 위젯 업데이트 하기 위젯을 업데이트 해야 하므로 StatefulWidget으로 설정하고 File? image 를 전역 변수로 하여 핸들링 하면 된다. 그리고 onEvent() 에서 picImage() 호출하면 끝! 위젯 업데이트 하기 - GetX GetController 에서 핸들링을 하면 어떨까? Rx로 값 변경을 Notify하므로
Flutter Google Map API 연동
처음에는 Kakao Map API 연결하려고 했는데 아래와 같은 에러 발생 imagepicker와 flutterkakao_map XFile이 없는 데이터 타입이라고 나오는 에러 image_picker에서 제공하는 함수 pickMutiImage가 없는 함수라고 나오는 에러 pubspec.yaml의 dependencies에 최신버전으로 추가해줬는데도 image_picker를 import할 때 legacy라고 하는 경우 원인 flutterkakaomap과 image_picker를 같이 쓰는 경우 버전간의 충돌로 인해서 에러 발생 → 자세히 말하면 flutterkakaomap를 사용하면 imagepicker를 하위 이전 버전으로 자동 고정시키는데 이전 버전의 경우 null safe 를 제공하지 않기 때문에 아예 imagepicker의 import가 원할하지 않아서 사용 자체가 안되는

[SwiftUI] ImagePicker Event Handling
Problem 기본 ImagePicker 는 다양한 이벤트에 대한 처리가 부족하다고 느꼈다. 다양한 이벤트라 함은 사용자가 갤러리 이미지가 아닌 "취소" 버튼을 눌렀을 경우, 이미지 형식이 맞지 않아서 load 에 실패한 경우, loading time 이 너무 오래 걸리는 경우, 여러 사진을 동시에 로딩하는 경우 등이 있다. Idea 그래서 기본 ImagePicker 를 커스터마이징 하기로 했다. 기본 ImagePicker 를 손대지 않고 재사용 가능하도록 냅두고 싶었다. 하지만 ImagePicker 가 struct 로 구현되어 있어 상속 overriding 이 불가능하고 extension 도 기능을 수정하진 못하고 '추가' 밖에 할 수 없으므로 직접 손을 댈 수 밖에 없었다. 기본 Imag

iOS 이미지 용량 문제
Trouble shooting 관련한 글은 잘 작성하지 않았는데 이번에 알게 된 정보를 정리하면 좋을 거 같아서 정리해 보려고 한다. TL;DR nginx.conf 파일에 사이즈를 늘려보자. Expo의 ImagePicker.launchImageLibraryAsync를 사용한다면 ios에서 quality 값에 0.2를 주자. 아이폰은 HEIC 포맷을 사용해서 JPEG로 변경 시 용량이 증가한다. 문제 상황 회사에서 이미지 업로드 구현을 하는데 용량 문제가 계속 발생하였다. 에러 메세지를 살펴보니 413 Request Entity Too Large가 발생하는 것이었다. 바로 구글신에게 검색을 진행하였다. [Nginx 413 Request Entity Too Large 에러 해결하기, 파일 업로드 사이즈](https://webisfree.com/2018-03-29/nginx-413-request-entity-too-large-

[iOS] UIImagePickerController
UIImagePickerController 사용자의 media library에서 사진 촬영, 동영상 녹화 및 사진 선택을 위한 시스템 인터페이스를 관리하는 ViewController이다 신기하게도 NavigationController를 상속받고 있다 Overview Source Type UIImagePickerController는 사용자 상호 작용을 관리하고 이러한 상호 작용의 결과를 delegate object에 전달한다. image picker controller 의 role과 appearance는 해당 image picker controller를 present하기 이전에 source type에 할당한 값에 따라 달라진다 UIImagePickerController.SourceType.camera 의 경우는 실행되는 장치에서 새 사진 또는 동영상을 촬영하기 위한 사용자 인터페이스를 제공할 것이다 `UIImag
flutter 이미지픽커의 편리함과 한계
첫 개인 프로젝트로 카메라앱을 만들려고 낑낑거리고 있다가 플러터에서 이걸 꽤 쉽게 만들수 있다는걸 알았고 몇번을 따라해보다가 내가 원하는대로 할 수 없음을 알았다. image_picker는 사용하기 너무 편한데 카메라뷰나 이런 부분의 UI를 스노우나 다른 카메라앱들처럼 하는데 한계가 있는것 같다. 이런 화면은 그냥 코드 몇줄로 뚝딱 만들어지는 건 맞는데.. 내가 원하는건 저런 화면이 아니라는게 문제다. 열심히 구글링을 해보니 나와 비슷한 질문을 한 사람들이 역시나 많았다. https://github.com/flutter/flutter/issues/62266 > the image_picker plugin uses default image picker in iOS and Android. On iOS it
[Flutter Library] multi_image_picker2
목적 멀티이미지 피커 라이브러리의 문서화 내용 .yaml import 멤버변수 선언 버튼 생성 loadAssets 메서드 정의 SingleChildScrollView Widget 정의 Asset to Byte(S3 업로드를 위해서) 결론 라이브러리사용이 쉽고 맘에 들었지만 Asset을 Byte로 바꾸는 과정을 몰라 힘들었음.