안녕하세요~ 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 개발자입니다. Collection & Generic 이미 해당 부분은 그 동안 포스팅을 해오면서 자연스레 많이 사용하였습니다만 해당 부분에 대한 원리와 개념을 아는 것이 중요하다고 생각되어 포스팅을 쓰게 되었습니다. Collection(콜렉션)이란 데이터들을 모아둔 자료 구조를 말합니다. 플러터는 다트 언어를 사용하고 있으니 Map과 List가 Collection으로 쓰이게 됩니다. 제네릭을 설명하기 전에 제네릭의 유무 차이는 아래와 같습니다. 제네릭을 사용하지 않은 경우 List studentNameList = []; 제네릭을 사용한 경우 List studentNameList = []; 위와 같이 제네릭을 사용하면 사용하고 있는 Collection에 Type(타입)을 지정하게..

안녕하세요~ 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 개발자입니다. receive_sharing_intent 다른 앱 및 웹에서 파일 및 URL를 가져오는 경우에 receive_sharing_intent 패키지를 사용하여 구현할 수 있습니다. Step 1: pubspec.yaml에 receive_sharing_intent 패키지를 추가합니다. 현재 기준으로 최신 버전은 1.4.5입니다. Step 2: 안드로이드는 AndroidManifest.xml로 ios는 info.plist로 가셔서 아래 해당 부분을 넣어줍니다. [안드로이드] New -> Target을 선택합니다. (안드로이드 구현하시는 분은 Step 9로 가셔서 진행하시면 됩니다.) Step 4: Share Extension을 선택하신 뒤 Next를 클릭합니다. 그 후 pr..

안녕하세요~ totally 개발자입니다. flutter_local_notification 예전 포스팅인 https://totally-developer.tistory.com/88 여기에서 푸시 알림에 관해 간단하게 살펴보았습니다. 이번 포스팅에서는 푸시 알림을 받고 난 후 알림을 탭 했을 때, 앱이 열리고 특정 페이지로 가는 방법에 대해서 소개하고자 합니다. 먼저 위에 있는 푸시 알림 세팅은 미리 되어 있다고 가정할 것이니 세팅이 되지 않으신 분들은 위에 있는 링크로 가셔서 세팅을 먼저 마무리해주시기 바랍니다. Step 1: notification.dart 파일을 아래와 같이 작성합니다. 여기에서 중요한 부분은 아래 부분입니다. 주석에 설명을 달아 놓았습니다. 다만 제 테스트에 의하면 Foreground는..