Vintage appMaker의 Tech Blog

Flutter로 PWA(Progressive Web App) 앱을 만들다보면, 브라우저의 크기에 따라 반응형으로 처리해야 할 때가 있다. 그 때는 LayoutBuilder를 이용하면 된다. 그리고 웹앱을 만들면 다른 도메인의 이미지들을 읽지 못하게 되는데, 이를 해결하기 위해 다음과 같이 빌드를 한다. flutter build web --web-renderer html --release [Flutter] Layoutbuilder를 이용한 반응형 UI LayoutBuilder class - widgets library - Dart API Builds a widget tree that can depend on the parent widget's size. Similar to the Builder widget..

Flutter는 Widget build(이곳에서만)시, 에러화면을 커스텀 할 수 있다. 1. main 함수에서 ErrorWidget.build를 새롭게 구현한다. 2. 파라메터로 FlutterErorrDetails를 받아서 메시지 처리가능하다. 3. KDebugMode 변수로 개발자 모드와 릴리즈 모드의 화면을 다르게 처리가능하다. (*) 스크롤되는 화면을 구현시 문제가 발생할 수 있다. [전체소스] import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; void main() { ErrorWidget.builder = (FlutterErrorDetails details) { // 릴리즈시 에러표시 Widget re..

GitHub - VintageAppMaker/QuickComposeTutorial: Jetpack compose QuickStart Jetpack compose QuickStart. Contribute to VintageAppMaker/QuickComposeTutorial development by creating an account on GitHub. github.com 개발자를 위한 핵심만 빠르게 시작하기 필수기초지식 선언형 패러다임의 이해가 필요함(화면과 데이터는 바인딩으로 동작한다). UI = f(state) 🔈 UI는 상태에 따라 자동으로 변한다. 🔈 상태는 외부에서 변경되지만, UI와 변수로 연결되어 있다. 🔈 View는 상태가 변경될 때마다 다시 그려진다. 🔈 그런 이유로 View는 이름이 ..

이 에러가 발생하면 개발환경에서는 큰문제 없이 실행가능할 때도 있다. 그러나 Release한 상태에서는 에러가 심각한 문제를 발생할 수 있다. 그러므로 "Incorrect use of ParentDataWidget Error in Flutter" 가 발생한다면 ASAP으로 해결하는 것이 좋다. 이 에러는 대부분 Parent Widget이 감당할 수 없는 Widget을 사용했을 경우 발생한다. 주로 Expanded() Flexible() Positioned() 기타 에서 발생한다. 이 위젯들은 사용할 수 있는 Parent Widget이 한정되어 있다. Expanded()와 Flexible()의 부모 => Row(), Column(), Flex() Positioned()의 부모 => Stack() 해결책을 ..