[flutter] GridView 사용시 Flex 영역관련 문제 해결

The following assertion was thrown during performResize():
Vertical viewport was given unbounded height.

GridView 사용중 위와 같은 에러가 나면서 View가 표시되지 않는 경우

Row 또는 Column 의 Flex 영역의 한계로 공간이 부족하여 발생하는 에러임
이럴경우 하위에 영역확장을 위한 Widget Expended를 사용하여 주면 문제를
해결할 수 있습니다.

Widget _buildBody(context) {
return Container(
//color: Colors.lightBlue,
padding: EdgeInsets.all(16.0),
child: Column(
children : [
_buildProfile(),
_buildListview(context),
],
),
);
}

Widget _buildListview(context) {
return Container( // 이 부분에서 Container를 Expended로 변경하여 주면 문제가 해결됩니다.
child: StreamBuilder(
stream: _postStraem(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return Center(child: CircularProgressIndicator(),);
}
return GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
childAspectRatio: 1.0,
mainAxisSpacing: 1.0,
crossAxisSpacing: 1.0),
//shrinkWrap: false,
itemCount: snapshot.data.documents.length,
itemBuilder: (BuildContext context, int index) {
return _buildListItem(context, snapshot.data.documents[index]);
},
);
}
),
);
}