분류 전체보기

    Flutter 2.10 Material 3 업데이트

    Material 3는 Android 12에 제공되는 새로운 디자인이라 할 수 있다. 우리가 플러터나 안드로이드 앱에서 주로 사용되는 Material 2 디자인의 후속 버전이라고 볼 수 있다. 하지만 아직 플러터에서는 Material 3을 사용할 수 없지만 플러터도 이런 Material 3을 적용시키기 위해 업데이트를 진행 중이다. (https://github.com/flutter/flutter/issues/91605) Flutter 2.10 업데이트 이후 Material 3을 준비하기 위한 모습들이 보이기 시작했다. 업데이트 후 컴포넌트의 디자인을 Material 3으로 바꿔주는 ThemeData에 useMaterial3가 추가되어 true로 설정할 시 Material 3 컴포넌트를 사용할 수 있게 된다..

    [일기 앱 개발일지] #1 Flutter와 Firebase를 이용해 만드는 일기 앱

    Flutter와 Firebase를 연습해 보기 위해서 일기 앱을 만들어 보기로 했다. 말 그대로 일기를 작성하기로 했다. 일기를 작성할 수 있게 하고 Firebase를 이용해 Google 계정에 로그인하게 해서 데이터를 저장하고 일기를 다른 사람에게 공유할 수 있게 하거나 다른 사람의 일기를 볼 수 있게 아이디어를 계획하고 있다. 사진은 기능을 만들기 전 만든 기초적인 디자인이다. 아직 기능 구현은 안 했다. 일기를 작성하지 않았을 경우 일기 작성하기 버튼을 앱바에 두고 이전에 쓴 일기들을 아래에 리스트 형식으로 놓을 계획이다.

    Flutter Web에서 WebView 사용하는 법

    Flutter에서 웹 페이지를 띄울 일이 생기지만 WebView 관련 패키지는 전부 안드로이드와 ios밖에 지원을 하지 않는 경우가 많다. 웹에서 웹페이지를 띄울 일이 있어서 한번 찾아봤습니다. 그러던 순간 webviewx라는 패키지를 발견했습니다. (https://pub.dev/packages/webviewx) 설치 후 사용해 본 결과 잘 띄워지는 것 같습니다. 웹에서 WebView를 띄우는 방식은 iframe 태그를 통해 로드하는 식으로 작동됩니다. 플러터 웹에서 iframe을 띄우려면 IFrameElement (https://api.flutter.dev/flutter/dart-html/IFrameElement-class.html)를 사용해서 띄울 수 있습니다. 이 외에도 DivElement (htt..