Vintage appMaker의 Tech Blog

Flutter에서 key를 사용하는 이유 1. 한 화면에 여러개의 같은 형의 Widget을 관리하지 않는다면 쓸 이유는 거의 없다(Globalkey 예외) 2. 여러개의 Widget을 1회 생성이후, 추가/삭제/이동을 할 경우에 반드시 필요하게 된다(stateful). 3. Flutter가 선언형 프로그래밍이라 절차형(객체의 이름을 명명하여 메소스 사용)방법처럼 처리가 힘들기에, 화면위젯과 state 위젯의 매치가 초기배열 순서대로 되어 있다. 그렇기에 재배열 시, Flutter에서는 키값으로 다시 매칭해주지 않으면 Widget과 state가 잘못매칭되는 경우가 발생한다. 4. ValueKey, ObjectKey, UniqueKey, PageStorageKey, GlobalKey가 있다. - Unique..

ListView 속성의 Widget에서 List형태(List, Grid, PageView, ..)을 구현할 때, 종종 에러를 경험하게 된다. 이때에는 child 위치에 있는 Widget들의 속성에서 physics와 shrinkWrap 파라메터를 다음과 같이 설정해주어야 한다. physics: NeverScrollableScrollPhysics(), shrinkWrap: true, 그러면 List의 크기에 따라 동적으로 자연스럽게 스크롤 처리가 가능하다. 다음은 전체소스이다. import 'dart:ui'; import 'package:flutter/material.dart'; void main() { runApp(const MainApp()); } class MainApp extends Stateless..

BackdropFilter class - widgets library - Dart API A widget that applies a filter to the existing painted content and then paints child. The filter will be applied to all the area within its parent or ancestor widget's clip. If there's no clip, the filter will be applied to the full screen. The results of api.flutter.dev Flutter에서 뒷배경을 Blur 처리하고 싶을 때, BackdropFilter를 사용하여 처리할 수 있다. 사용법은 다음과 같다. B..

Flutter에서는 자신을 감싸고 있는 위젯의 영역을 넘어 특정 위치로 이동하고자 할 때, Transform 위젯을 사용한다. Transform.translate( offset: const Offset(X값, Y값), child : 위젯 ) 이렇게 했을 경우, Column을 사용할 때, 이전 Item 위젯의 영역까지 침범하여 위젯의 위치를 설정할 수 있다. 다음은 간단한 전체소스이다. [전체소스] import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { final title = 'Tr..