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. 부모 ..

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..

App에서 그라데이션을 적용해야 할 경우는 종종 발생한다. 배경만 간단하게 적용해야 할 경우라면 Container의 파라메터 decoration에 BoxDecoration 위젯을 사용하면 된다. 그러나 이미지나 다른 위젯 전체 에 적용해야 한다면 ShaderMask를 사용해야 한다. BoxDecoration class - painting library - Dart API An immutable description of how to paint a box. The BoxDecoration class provides a variety of ways to draw a box. The box has a border, a body, and may cast a boxShadow. The shape of the bo..