Search

flutter cookbook

subtitle
flutter 꿀팁
Tags
flutter
front-end
cookbook
Created
2021/02/26
2 more properties
Search
flutter cookbook
스택오버플로우에 올라온 질문.

3항 연산자

if문

여러 위젯 한꺼번에 렌더링하기: for문 또는 spread 연산자

references

flutter에서 conditional하게 child widget 렌더링하기
source: google image

type 'A' is not a subtype of type 'B'

아래와 같은 오류가 뜬다.
json['authors'].runtimeType 을 로깅해서 봤더니 List<dynamic> 이라고 떴다. 만약 실제로 String 타입이 오고 dart가 이를 모르는 상황이라면 타입 캐스팅을 위해 아래처럼 바꿔주면 된다.
(하지만 타입이 정말 다른 경우는 똑같은 에러가 발생할 것이다.)

optional chaining

[dart] type casting + optional chaining
dart 타입 캐스팅, 옵셔널 체이닝
dart

model, fromJson 노가다

flutter에서 model 클래스 정의하고, fromJson 생성자를 일일이 만들어줘야하는 게 불편했다. 데이터를 가져올 때마다 매번 이래야하니 귀찮아 죽을 것 같았다.
두번째 모델을 만들려다가 flutter에도 왠지 graphql-code-generator 같은 비슷한 라이브러리가 있을 것 같았다.아니나 다를까 3개 정도가 있었는데 그 중 artemis가 document도 잘 정리되어있고 star 수도 많아 쓸만해보였다.

Artemis

아르테미스는 graphql 파일을 찾아 dart 파일을 생성해주는 code generator 기능이 있고 ArtemisClient로 graphql 쿼리도 날릴 수 있다. artemis는 아폴론(apollo)의 쌍둥이 여동생인데 graphql Apollo와 비슷하다고 하여 artemis로 지었다고 한다.
source: github 'comigor/artemis' repo
[Flutter] artemis - graphql code generator
flutter - artemis 사용 방법과 장단점
오픈소스
graphql
flutter
image source: flutter.ko-dev

부모 위젯의 state를 참조, 변경하는 법

자기 자신의 state를 업데이트하려면 setState를 쓰면 된다. 하지만 자식이 부모 위젯의 state를 참조 또는 변경하려면 어떻게 해야할까?
스택오버플로우에 질문이 올라왔고 질문자와 55명의 up vote를 받은 답변은 이러했다.
•
옛날 방법: _MyHomePageState의 글로벌 인스턴스를 생성해서 자식 Stateful Widget에서 _myHomePageState.setState로 사용해라.
•
새로운 방법: 글로벌 인스턴스로 생성할 필요 없이 부모 인스턴스를 자식 위젯에 전달해라.
[Flutter] 자식 위젯에서 부모 위젯 state 참조하기: findAncestorStateOfType
How to Update State of Parent Widget?
flutter
tip

state 변경되어도 rerendering 하지 않는 방법

아래 그림은 StatefulWidget의 생명주기(life cycle)이다. build 메서드는 StatefulWidget에서 화면 상에 보여줄 위젯을 그린다. build 메서드는 initState를 실행하거나, 부모 위젯에 의해 config가 업데이트 되었거나, setState로 인해 state가 변경되었을 때 실행된다.
[Flutter] 불필요한 rerendering을 피하는 방법
by Header Form on Unsplash
Made with