[001] 플러터 (Flutter) Windows App Tip - 마우스 클릭으로 스크롤 기능 활성화하기

안녕하세요~ totally 개발자입니다.

 

윈도우 앱으로 플러터를 빌드했을 때 기본적으로 마우스의 스크롤 기능으로만 상하좌우 스크롤이 가능하게 됩니다. 이렇게 되면 pull to refresh, 위로 제스쳐하여 새로고침하는 RefreshIndicator 위젯을 활성화할 수 없는데 이 경우 이 방법을 쓰면 마우스 왼쪽 클릭으로도 스크롤 기능을 부여할 수 있습니다.

 

Step 1: main.dart나 다른 dart 파일을 생성하여 CustomScrollBehavior 클래스(클래스명은 변경되어도 무방합니다)를 만들어줍니다.

 

class CustomScrollBehavior extends MaterialScrollBehavior {
	@override
	Set<PointerDeviceKind> get dragDevices => {
		PointerDeviceKind.touch,
		PointerDeviceKind.mouse,
	};
}

 

 

Step 2: 그 후 MaterialApp 부분에 scrollBehavior 속성을 넣어주면 됩니다.

 

@override
Widget build(BuildContext context) {
	return MaterialApp(
		scrollBehavior: CustomScrollBehavior(),
		...
	);
}

 

References:

https://docs.flutter.dev/release/breaking-changes/default-scroll-behavior-drag

Default drag scrolling devices