Flutter

Flutter / multi_image_picker Asset을 Image로 보이게 하기

Flutter에서 사진을 다룰때 보통 image_picker, multi_image_picker를 많이 활용하실 텐데요. image_picker는 그냥 File을 반환하기 때문에 쉽습니다. 하지만 multi_image_picker는 Asset으로 반환해서 다루기 까다로운 부분이 있습니다. 특히 Asset을 이미지로 보여줘야 할때 AssetThumb를 사용하면 사진이 깨져서 나오기 때문에 곤란한 경우가 발생합니다. 이럴때 Image.memory()를 활용하여 퀄리티 높은 사진을 보여줄 수 있는 방법에 대해서 말해보겠습니다. 알고리즘은 간단합니다. 1. initState에서 Asset.file.getByteData(quality : x)를 await으로 호출해서 ByteData를 저장한다. 2. setSta..

Flutter/ popUntil 을 할때 검은화면이 뜬다면?

이번글은 굉장히 짧고 간단합니다. 왜냐면 제가 한 멍청한 실수를 적는 것이기 때문입니다. popUntil을 할때는 반드시 설정해야 하는 것이 있습니다. 바로 routeSettings 입니다. 이것을 설정하지 않으면 ModalRoute.withName()을 암만 넣어도 검은화면이 뜹니다. 간단히 생각하면 해당 이름이 합격명단에 없는데 있다고 박박 우기는 것과 같습니다. 다음 예시코드를 보시면 이해가 쉬우실 것 입니다. // popUntil이 안되는 경우 class MyRouter { static Route generateRoute(RouteSettings settings) { switch (settings.name) { case "SPLASH_SCREEN": return MaterialPageRoute( ..

Flutter Provider + '?' 패턴 (feat. ChangeNotifier, Mobx, BLoC, etc..)

Flutter를 하면 항상 던지게 되는 질문이 있습니다. 어떻게 상태관리 패턴을 구축할지에 대한 답입니다. 그리고 아래가 그에 대한 대답입니다. 그래도 구글은 매 I/O 때마다 상태관리 패턴에 대해서 소개해왔습니다. 다음은 각 년도별 소개된 패턴입니다. 2018 2018 Google I/O (ScopedModel, BLoC) 2019 2019 Google I/O (Provider+ChangeNotifier) 2019 I/O. Provider+ChangeNotifier가 예시로 소개됐습니다. 언뜻 보면 이 자체로 Provider패턴의 완성으로 보입니다. 하지만 간과하고 있는게 있습니다. Provider는 패턴이 아니라 패키지입니다. Provider+ChangeNotifier가 패턴이지 Provider는 I..

Flutter / 4탄 : Flutter의 상태관리

클라이언트 개발을 한 단어로 표현하자면 다음과 같습니다 “상태 관리”. 오늘은 Flutter가 상태관리를 하는 법에 대해서 알아보도록 하겠습니다. 이번 내용은 Flutter의 UI 작동방식에 대해서 잘모르시면 이해가 어려우실 수 있습니다. 만약 잘 모르신다면 먼저 Flutter UI 작동방식에 대해 공부해주세요 Flutter / 3탄 : Flutter의 UI에 관하여 Flutter / 3탄 : Flutter의 UI에 관하여 이번에는 Flutter의 UI에 관하여 공부를 하였습니다. 만약 Flutter가 무엇인지 잘 모르시는 분들은 아래의 글을 먼저 읽고 와주시길 바랍니다. https://medium.com/@joooosan011/flutter-2%ED%83%84-flutter-%ED%8.. joooosa..