Vintage appMaker의 Tech Blog

Autocomplete class - material library - Dart API A widget for helping the user make a selection by entering some text and choosing from among a list of options. The user's text input is received in a field built with the fieldViewBuilder parameter. The options to be displayed are determined using options api.flutter.dev [전체소스] import 'package:flutter/material.dart'; void main() => runApp(const A..

1. 다른 플랫폼과 달리 Android에서는 하단메뉴가 존재하는 UI에서는 back 키를 눌렀을 때, 이전화면으로 가는 UX가 요구될 때가 있다. 그럴 경우, Android에서는 onBackPressed() 메소드를 오버라이드한다. 이와 비슷하게 Flutter에서는 WillPopScope의 onWillPop: 파라메터에 bool 값을 리턴하는 함수를 구현한다. false일 경우는 back key를 무력화하고 true일 경우는 back key를 앱에서 처리한다. WillPopScope( onWillPop: () async { //return false; 원하는 기능을 한다. //return true; 시스템의 backey를 처리하게 한다(화면종료) } child: ... } 2. 화면 메뉴 클릭 및 화면이..

BottomNavigationBar를 통해 하단 버튼을 누르며 메인화면을 갱신하다보면 선택 화면이 표시된 후, 특정 작업을 수행해야 하는 경우가 종종 발생한다. 이럴경우, Flutter는 선언형 구조이기 때문에 Native 프로그래밍에 비해 불편한 부분이 있다. 그래서 Provider를 사용하여 코드를 깔금하게 정리하는 것을 권장되고 있다. - 화면갱신완료 시점 - provider로 데이터 처리 - 객체의 메소드 실행(권장하지 않지만 사용할 경우가 있다) - 화면갱신 완료시점 WidgetsBinding.instance.addPostFrameCallback()을 사용한다. 주로 stateful 위젯의 initState()에서 구현해준다. 저 함수의 파라메토로 종료시 실행될 콜백을 구현하면 된다. - pro..

Flutter 앱에서 드래그 가능한 떠다니는 위젯을 구현할 필요가 있어 검색을 했더니 아주 깔끔한 포스팅이 있었다. Draggable Floating Action Button In Flutter Learn How to Creating a Draggable Floating Action Button In Your Flutter Apps medium.flutterdevs.com 위의 포스팅으로 구현을 해도 되지만, pub.dev에 비슷한 기능을 하는 패키지가 등록되어 있다. floating_draggable_widget | Flutter Package A flutter package for floating draggable widget. By this package a developer can implemen..