Flutter Instagram Clone #11 StremaBuilder로 Firebase 데이터 읽어오기

jakeseo_me·2020년 7월 27일
0

Flutter-Instagram-Clone

목록 보기
11/14

Flutter Instagram Clone #11 StremaBuilder로 Firebase 데이터 읽어오기

원본 강의

https://www.inflearn.com/course/flutter-%EC%9E%85%EB%AC%B8/dashboard

여기서 유료 결제를 해서 듣고있는 강의의 내용을 개인적인 공부 목적으로 지식 위주로 정리해봅니다.

StreamBuilder를 이용하여 들어오는 데이터에 따른 UI 그리는 코드 작성하기

  1. StreamBuilder를 반환하게 한다
  2. stream 아규먼트에 Firestore.instance.collection('post').snapshots()를 주면, snapshots() 메소드가 Stream<QuerySnapshot> 형태의 데이터를 반환한다.
  3. builder 아규먼트에 snapshot.hasData를 이용한 분기처리를 해준다. 없으면 없다는 표기를 해주는 데이터를 리턴해주면 되고, 있으면 이전에 생성해두었던 GirdView.builder()를 이용하면 된다.

snapshots() 메소드의 설명

결과 코드

위에 ?.은 옵셔널 체이닝으로 null이 아닌 경우 documents를 참조하는 체이닝이다. 설명은 여기에 있다. 또한 ?? 키워드는 데이터가 없다면 []와 같은 빈 배열로 대체하라는 문법이다. 설명은 여기에 있다.

profile
대전에 있는 (주) 아이와즈에서 풀스택 웹개발자로 일하고 있는 서진규입니다. 주로 Jake Seo라는 닉네임을 많이 씁니다. Javascript를 좋아합니다.

0개의 댓글