Vintage appMaker의 Tech Blog

children을 가지는 Widget들을 사용하다보면 다른 곳에서 선언된 Widget의 리스트(배열)을 children : [ ... ] 안에 사용해야 할 경우가 빈번하게 발생한다. 그럴 경우, Dart에서는 3가지 방법을 사용할 수 있다. 1. ...연산자와 toList() 메소드를 사용하는 방법 2. for()문을 사용하는 방법 3. for() ...{} 문을 사용하는 방법 1의 경우, []안에 List의 항목을 추가하는 기능을 한다. 2.의 경우는 리스트의 항목을 가져오거나 특정범위를 지정하여 항목을 추가할 수 있다. 3.의 경우는 2와 동일하지만 간단한 비교문을 처리할 경우 유용하게 사용할 수 있다. 다음은 전체소스이다. import 'package:flutter/gestures.dart'; im..

위의 화면에서 "내 연락처에서" 까지는 회색, "불러오기"는 검정색으로 표기해야 할 경우가 많다. 그리고 불러오기를 누르면 반응을 하며 코드를 실행해야 한다. 이럴경우, 대부분 Row(children[...])안에 Text(), SizedBox(), Spacer()를 이용하여 위의 화면을 표기한다. 그러나 좀 더 복잡하게 문자열의 색상, 폰트, 크기 등등을 설정한 문자열을 표기해야 한다면 RichText를 사용해야 한다. 특히 크기에 따라 Wrap이 되어야 한다면 RichText외에는 대안이 없다. RichText class - widgets library - Dart API A paragraph of rich text. The RichText widget displays text that uses mu..

Flutter에서는 GoogleFonts를 사용할 수 있게 Package로 제공하고 있다. 패키지 설치 방법은 다음과 같다. google_fonts | Flutter Package A Flutter package to use fonts from fonts.google.com. pub.dev GoogleFonts는 안드로이드 및 Web 개발에서 무료로 사용할 수 있도록 구글이 라이센스를 제공한다. 그러므로 Google Fonts 사이트에가서 원하는 폰트를 선택하면 앱에서 사용가능하다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 다음은 GoogleFonts를 사용한 예제이..

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