[flutter] 고정 위치에 스크롤바를 추가하는 방법

11 Dec 2023

flutter

Flutter 앱에서 화면의 특정 위치에 스크롤바를 추가하는 방법은 간단합니다.

1. SingleChildScrollView 위젯을 사용하기

스크롤바가 있는 영역을 만들기 위해 SingleChildScrollView 위젯을 사용합니다.

SingleChildScrollView(
  scrollDirection: Axis.vertical,
  child: Container(
    // 추가적인 UI 요소들을 포함한 콘텐츠
  ),
)

2. 스크롤 컨트롤러 추가하기

어느 위치에 스크롤바를 표시할지를 정확히 지정하기 위해 ScrollController를 추가합니다.

ScrollController _controller = ScrollController();

3. 스크롤바 위젯 추가하기

이제 Scrollbar 위젯을 사용하여 스크롤바를 화면에 표시합니다.

Scrollbar(
  isAlwaysShown: true,
  controller: _controller,
  child: SingleChildScrollView(
    controller: _controller,
    scrollDirection: Axis.vertical,
    child: Container(
      // 추가적인 UI 요소들을 포함한 콘텐츠
    ),
  ),
)

위와 같이 간단한 단계를 통해 Flutter 앱의 화면에 고정 위치에 스크롤바를 추가할 수 있습니다.

참고 자료: