flutter theme, Flexible, Expanded, initializer list, ...

initializer list

https://stackoverflow.com/questions/50274605/colon-after-constructor-in-dart

 

아래와 같이 생성자 뒤에 콜론 : 뒤에 오는 로직은 생성자로 인한 객체가 생성되기 전에 수행된다. assert 도 해줄 수 있고 초기값을 넣어줄 수도 있다. super 를 호출해줄 수도 있다. 아직 객체가 생성되기 전이기 때문에 this 를 붙이지 않는다. 실제 생성자의 파라미터에 네임드 옵션에는 this 를 붙이는데 이런것 때문에 혼동되지는 말고 그냥 각각의 사용법일 뿐. 그냥 굳이 말하자면 아직 객체 생성전이라 그렇다고 생각하면 이해하기 편하다.

FbAuth() : _firebaseAuth = FirebaseAuth.instance;

TableCalendarBase({
  Key? key,
  ...
  this.onVerticalSwipe,
  this.onPageChanged,
  this.onCalendarCreated,
})  : assert(!dowVisible || (dowHeight != null && dowBuilder != null)),
      assert(isSameDay(focusedDay, firstDay) || focusedDay.isAfter(firstDay)),
      assert(isSameDay(focusedDay, lastDay) || focusedDay.isBefore(lastDay)),
      super(key: key);

각종 생성자들...

https://iosroid.tistory.com/30

 

플러터의 해상도 시스템

https://points.tistory.com/66

Theme... https://api.flutter.dev/flutter/material/ThemeData-class.html

https://material.io/resources/color/#!/?view.left=0&view.right=0&secondary.color=C5CAE9&primary.color=EF9A9A&secondary.text.color=FAFAFA 

 

Reponsive Widget, Flexible / Expanded

Flexible 과 Expanded 는 Flutter 에서 반응형 앱을 만들기 위해 사용하는 위젯이다.

Column, Row 의 기본축에 연관된 하위 위젯들을 Responsive 하게 사이즈를 변경 시켜준다.

https://seosh817.tistory.com/83

Flexible(flex: 1, fit: FlexFit.tight or FlexFit.loose, child: ...)

FlexFit.loose : 기본축의 남은 공간을 채우도록 하되 필요한 공간만 차지. ( 작다면 작은만큼만 넘어가면 경계까지만)

FlexFit.tight: 기본축의 남은 공간을 전부 채우도록 함. ( = Expanded ) (작아도 경계까지 모두)

Flutter 에서는 자식 위젯의 크기가 부모를 넘어가버리면 스크린 오류를 낸다.

그래서 ListView 같은 것을 Expanded 로 감싸는 경우가 많다. 

 

GetX 한글 번역본

https://github.com/jonataslaw/getx/blob/master/README.ko-kr.md