flutter

Flutter Null Safety를 사용해야 하는 이유

Flutter 2.0 출시 이후 null safety 가 정식 배포가 됐습니다. 이번 글에서는 그에 대해 알아보도록 하겠습니다. 이번 글은 아래의 자료들을 바탕으로 작성됐습니다. Why null safety (youtube) Null safety (flutter official docs) 이 글에서 알아볼 내용 Null safety 란 무엇인가? Null safety 규칙 Null safety 란 무엇인가? NullException 프로그래머가 가장 싫어하는 Exception 이라고 할 수 있습니다. 프로그램의 한 구간이 Null 인 경우 발생되는데요. 프로그램의 규모가 크면 클수록, 그리고 복잡하면 복잡할 수록 null 을 찾기는 상당히 어렵기 때문입니다. 따라서 null은 프로그래밍 있어서 유용하지만..

Flutter에서 Webview(웹뷰) 사용하기

Flutter에서 Webview를 사용하는 방법에 관한 글입니다. 이 글은 단순한 webview 구현을 목표로 합니다. hybrid composition의 내용을 담지 않았음을 미리 알려드립니다. 이 글은 아래의 example과 문서를 기반으로 작성되었습니다. webview_flutter example webview_flutter api document 이 글에서 알아볼 내용 Webview 사용법 (webview_flutter) http 연결 가능하게 만들기 Webview 사용법 (webview_flutter) pubspec.yaml 의존성 추가 dependencies: flutter: sdk: flutter webview_flutter: ^2.0.9 // 최신버전 권장 (https://pub.dev/p..

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( ..