안녕하세요~ totally 개발자입니다. Material 3 Design 보통 플러터 앱 개발을 하실 때 로직 부분을 개발하는데에도 시간이 많이 소요되지만 디자인적인 측면에서도 시간이 많이 소요되는 것을 느끼실 것입니다. 그 때 구글의 머터리얼 (Material) 3의 디자인을 적용하면 디자인적으로 통일성과 자연스러움을 간단하게 적용할 수 있습니다. 사용을 위해서는 당연히 플러터는 업그레이드가 되어 있어야 합니다. 상세한 내용을 아래를 통해 가이드를 확인할 수 있습니다. https://m3.material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by op..

안녕하세요~ totally 개발자입니다. TabBarView & InAppWebView WebView를 사용할 때 패키지는 주로 flutter_inappwebview나 webview_flutter가 사용됩니다. 이 때 flutter_inappwebview를 사용하고 TabBarView를 이용할 때 스크롤이 되지 않는 문제가 있는데 그 때에는 아래 Stackoverflow에 나와 있는 대로 Set()..add 부분을 추가해주시면 됩니다. https://stackoverflow.com/questions/67345346/flutter-inappwebview-scroll-not-working-inside-the-nestedscrollview-tabbarview Flutter inappwebview scroll ..

안녕하세요~ totally 개발자입니다. WebView JavaScript Communication Flutter로 개발을 하다보면 웹뷰를 통해서 구현하는 경우가 필요합니다. 웹뷰를 통해서 구현할 때 웹 쪽과 플러터 앱 사이에 통신이 필요한 경우가 있습니다. 통신한다는 이야기는 데이터를 주고 받는 것을 말하며 주로 url 뒤에 데이터를 붙여 parameter 값을 넘기거나 웹 쪽의 자바스크립트 함수를 호출하는 방법이 있습니다. 이 포스팅에서는 자바스크립트 함수를 호출하는 방법을 통해 통신해보도록 하겠습니다. 사용한 패키지는 webview_flutter이며 최신 버전을 사용하면 아래 방법으로 구현이 안 되기 때문에 조금 이전 버전을 사용해야 하며 저는 3.0.4 버전을 사용하였습니다. 참고로 웹뷰로 사용할..

안녕하세요~ totally 개발자입니다. 예전 포스팅(아래)에서 Firebase Cloud Messaging을 활용하여 푸시 알림을 하는 방법에 대해 알아보았습니다. https://totally-developer.tistory.com/149 [004] 플러터 (Flutter) Tip - Firebase Cloud Messaging (FCM) & flutter_local_notification 연동 및 알림, 알림 탭 했을 안녕하세요~ totally 개발자입니다. 이 포스팅은 제가 실제 플러터 앱 개발을 진행하며 파이어베이스 클라우드 메시징 (Firebase Cloud Messaging - 이하 FCM) 그리고 flutter_local_notification 패키지와의 연동 totally-developer..

안녕하세요~ totally 개발자입니다. Dart Mixin, with 이해 이 포스팅에서는 Dart의 Mixin과 with를 사용하는 방법에 대해 살펴보도록 하겠습니다. Mixin은 "여러 클래스 계층에서 코드 정의한 부분을 재사용하기 위한 방법 중 하나이다" 공식문서에 표현되어 있습니다. 영어로는 Mixins are a way of defining code that can be reused in multiple class hierarchies. 이렇게 표현되어 있습니다. 아래 공식 문서를 참고하시기 바랍니다. https://dart.dev/language/mixins Mixins Learn how to add to features to a class in Dart. dart.dev 플러터는 다트(Da..

안녕하세요~ totally 개발자입니다. 보통 포토뷰를 볼 때 사진을 저장해야 하는 기능을 제공하는 경우가 많습니다. 이번 포스팅에서는 갤러리 앨범에 바로 다운로드가 될 수 있도록 실습해보도록 하겠습니다. 오늘 이 포스팅은 tip이기 때문에 별도 설명은 없으며 아래 포스팅을 기반으로 하기 때문에 아래 포스팅을 먼저 진행하셔야 합니다. https://totally-developer.tistory.com/147 [063] 플러터 (Flutter) 배우기 - 포토뷰(photo_view)로 사진 확대, 축소 기능 위젯 만들기 & PageView.builder 안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있..