[Flutter] 스크롤뷰 하단부터 위젯 배치

CustomScrollView(
  slivers: [
    SliverFillRemaining(
      hasScrollBody: false,
      child: Column(
        children: <Widget>[
          const Text('Header'),
          Expanded(child: Container(color: Colors.red)),
          const Text('Footer'),
        ],
      ),
    ),
  ],
)

 

SingleChildScrollView를 사용하고 내부에 Expanded위젯을 사용하는 경우에는 스크롤뷰의 크기가 정해져 있어야 사용할 수 있다.

그래서 SizedBox위젯을 사용하여 사이즈 설정 후에 사용하는 경우도 있는데, 문제는 이러면 내부 영역이 고정되어 버린다.

이러한 경우에 CustomScrollView를 사용하여 스크롤뷰 내부에서도 Expanded위젯을 사용하도록 할 수 있다.

 

바닥부터 위젯이 배치가 되도록 하고 싶은 경우에 사용 가능하다.