FutureBuilder

luneah·2022년 7월 22일
0

Flutter

목록 보기
14/29
post-thumbnail

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로 작성

profile
하늘이의 개발 일기

0개의 댓글