[Flutter] FutureBuilder 에서 hasError가 작동하지 않는 문제

이번에 FutureBuilder를 구현하면서 한 가지 문제를 발생했다.

 

snapshot.hasData 와 snapshot.hasError를 구현하는데

Future 함수에서 오류가 발생하면 hasError로 넘겨 오류 상태를 표시하도록 하려고 했다.

 

그런데 hasData는 잘 불러와도 hasError는 작동이 안 되던 것이다.

찾아보니 StackOverflow에서 나랑 비슷한 사례를 발견했다.

 

아래 코드가 나와 같은 케이스이다.

try {
  var response = await http.get(url);

  // Success
  if (response.statusCode == 200) {
      [...]
  }
  // Failure
  else {
    return Future.error("Error");
  }
} catch (e) {
  return Future.error("Error");
}

 

futureBuilder 내부 코드는 이렇다.

FutureBuilder(
      future: new Future(() => {Singleton().request()}),
      builder: (context, snapshot) {
        if (snapshot.hasData) {
            // snapshot has ALWAYS data even if I return error
        } else if(snapshot.hasError) {
            // never reach this statement
        }
      });

 

 

답변을 확인해보니 

snapshot에 오류가 발생한다면 snapshot에 데이터가 있다는 것을 의미하고 hasError에 도달하지가 않는다는 것이다.

그렇기 때문에 스냅샷에 오류가 발생했는지 먼저 확인을 해야 한다고 한다.

 

아래 코드가 정석이다.

FutureBuilder(
      future: new Future(() => {Singleton().request()}),
      builder: (context, snapshot) {
        if (snapshot.hasError) {
            // do something
        } else if(snapshot.hasData) {
            // do something
        }
      });

hasError와 hasData를 체크하는 순서만 뒤 바뀌었을 뿐이다.

Future는 데이터 로드가 완료되면 알아서 재귀를 하지 않으니 주의하도록 하자.