FutureBuilder

FutureBuilder

Future 함수(로직)을 바로 UI(위젯)으로 변환하는 위젯

• snapshot에 데이터와 에러 정보 등이 들어있음

  FutureBuilder(
  	future: http.get('http://awesome.data'),
  		builder: (context, snapshot) {
  			return AwesomeData(snapshot.data);
  		}
  )

• snapshot 객체에서 연결 상태를 알 수 있음

  FutureBuilder(
  	future: http.get('http://awesome.data'),
  		builder: (context, snapshot) {
  			if(snapshot.connectionState == ConnectionState.done) {
  				return AwesomeData(snapshot.data);
  			} else {
  				return CircularProgressIndicator();
  			}
  		}
  )
  
  // ConnectionState.none;
  // ConnectionState.waiting;
  // ConnectionState.active;
  // ConnectionState.done;

• 에러 체크 가능

  if(snapshot.connectionState == ConnectionState.done) {
  	if(snapshot.hasError) {
  		return SomethingWentWrong();
  	}	
    ...
  }

FutureBuilder 사용해서 데이터 중 title만 뽑아서 ListView로 작성