Scrollbar

샤워실의 바보·2024년 2월 10일
0
post-thumbnail
post-custom-banner
body: Scrollbar(
  controller: _scrollController,
  child: SingleChildScrollView(
    controller: _scrollController,
    child: Padding(
      padding: const EdgeInsets.only(
        left: Sizes.size24,
        right: Sizes.size24,
        bottom: Sizes.size16,
      ),
      // 중략...
    ),
  ),
)

이 코드 조각은 Flutter에서 UI를 구성하는 부분입니다. 설명을 드리겠습니다.

  • Scrollbar: 스크롤 가능한 위젯에 스크롤 바를 추가합니다.

    • controller: _scrollController: 스크롤의 상태와 동작을 제어하는 ScrollController 객체를 설정합니다.
  • SingleChildScrollView: 단일 위젯을 스크롤 가능하게 만드는 위젯입니다.

    • controller: _scrollController: 이 역시 스크롤의 상태와 동작을 제어하기 위해 동일한 ScrollController 객체를 사용합니다. Scrollbar와 같은 ScrollController를 사용하면 둘은 동기화됩니다.
  • Padding: 내부의 자식 위젯에 패딩을 적용합니다.

    • EdgeInsets.only: 좌, 우, 하단에 패딩을 적용합니다. 각각의 크기는 Sizes.size24Sizes.size16 상수로 지정되어 있습니다.

결과적으로, 이 코드는 스크롤 가능한 내용을 가진 페이지를 만들고, 해당 스크롤에 스크롤 바를 추가하는 역할을 합니다. 내용은 좌, 우에 24의 패딩과 하단에 16의 패딩을 가집니다.

profile
공부하는 개발자
post-custom-banner

0개의 댓글