Vintage appMaker의 Tech Blog

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

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를 사용한 예제이..