[Flutter] 스크롤 효과를 없애는 방법

스크롤이 생기는 긴 위젯을 개발하다보면 스크롤 효과가 불필요한 경우가 있습니다. 스크롤 효과를 제거하는 방법입니다

[Flutter] 스크롤 효과를 없애는 방법
스크롤의 마지막을 알려주는 효과

스크롤이 생기는 긴 위젯을 개발하다보면 스크롤 효과가 불필요한 경우가 있습니다.

이 때 Flutter가 제공하는 ScrollConfiguration 위젯에 behavior 속성을 추가해 기본 효과를 없앨 수 있습니다.import 'package:flutter/material.dart';class NoGlowScrollBehavior extends ScrollBehavior {
 @override
 Widget buildViewportChrome(
     BuildContext context, Widget child, AxisDirection axisDirection) {
   return child;
 }
}

ScrollBehavior기반의 NoGlowScrollBehavior를 위젯을 만들었습니다. 이 위젯을 ScrollConfiguration 위젯의 behavior 속성에 추가합니다.ScrollConfiguration(
 behavior: NoGlowScrollBehavior(),
 child: <리스트같은 긴 위젯>
);

필요한 위치에 위와 같이 사용하면 됩니다.

시리즈의 전체목록을 보려면 링크를 눌러주세요

Subscribe to Half-Built Life

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe