[j Flutter] List 로딩 중 구현 with progressbar

List를 가져올 때 async / await 로 데이터를 받는다. 데이터를 받고있을 때 즉, List데이터가 null일 때 Progressbar를 보여주는 걸 구현해보겠습니다.

 

var length;
List _list;


@override
  Widget build(BuildContext context) {
    length = _list?.length ?? 0; // 리스트 데이터갯수

    return Scaffold(
        appBar: AppBar(
          title: Padding(
            padding: EdgeInsets.only(right: 40.0),
            child: Center(child: Text('Main')),
          ),
        ),
        body: _listBody()

    );
  }

  Widget _listBody() {
    if (length > 0) { //리스트갯수가 0일때 progressbar보여주기
      return ListView.builder(
          itemCount: _list?.length ?? 0,
          itemBuilder: (context, index) => // 리스트데이터 위젯부분구현
      );
    } else {
      return Center(
          child: CircularProgressIndicator() //progressbar 추가 
      );
    }
  }
}