Vintage appMaker의 Tech Blog

Flutter로 개발을 하다보면 Stateful Widget 사용을 최소화하여 사용하는 것이 좋다. 과부하가 발생하기 때문이다. 그래서 화면 1개당 stateful 위젯을 1개로 하고 그 자식 위젯을 모두 stateless로 구현하는 경우도 많다. 그럴 경우는 화면 내 check box 같은 자식 화면이 변화되더라도 부모 widget이 rebuild 되어야 하는 문제가 발생하지만 큰 부하가 없다면 이런 방법을 사용하는 것도 무방하다. 그러나 부하가 발생한다면, 갱신이 필요한 부분만 Stateful Widget으로 나누어 사용하면 된다. 1. 부분갱신할 Widget을 Stateful로 정의 및 구현한다. 2. 부모 Widget에서 자식 Widget을 제어할 GlobalKey를 선언하고 넘긴다. 3. 부모 ..

Custom Dialog나 Modal Dialog에서 버튼을 선택하고 다시 Dialog를 호출하려고 하다보면 반응하지 않을 때가 있다. 이 때는 호출하기 전에, Navigator.of(context).pop()을 먼저 해주고 나서 실행해야 재대로 된 결과를 얻을 수 있다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', debugShowCheckedModeBanner: false, theme: The..

▶ flutter 소스코드에서 각종 debug관련 함수(log, 디버그, stack 정보덤프, 등등)를 사용하는 공식문서 Debugging Flutter apps programmatically How to enable various debugging tools from your code and at the command line. docs.flutter.dev ▶ log 처리만 한다면, 이 패키지 하나로 해결됨(강추) logger | Dart Package Small, easy to use and extensible logger which prints beautiful logs. pub.dev ▶ 화면 디자인을 분석해야 한다면 Flutter Inspector Using the Flutter inspect..

🌈Error Lens Error Lens - Visual Studio Marketplace Extension for Visual Studio Code - Improve highlighting of errors, warnings and other language diagnostics. marketplace.visualstudio.com Flutter Erorr와 warning을 보다 자세하게 보여주는 확장프로그램. 특히 warning 부분을 자세히 다루다보니 효율적인 코딩습관에 도움이 된다. 그리고 Flutter를 개발하다보면 Error가 불친절하다는 느낌을 받는 경우가 많은데, 그런 불만을 어느정도 해소해주는 확장프로그램이다. 🌈Flutter widget snippets Flutter Widget Sni..