Vintage appMaker의 Tech Blog

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

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