只需添加以下代码段以启用鼠标拖动滚动,并在MaterialApp.scrollBehavior
属性中创建它:
// Enable scrolling with mouse dragging
class MyCustomScrollBehavior extends MaterialScrollBehavior {
@override
Set<PointerDeviceKind> get dragDevices => {
PointerDeviceKind.touch,
PointerDeviceKind.mouse,
};
}
将the live demo on DartPad及以下的源代码选为minimal-reproducible-example
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
//
primarySwatch: Colors.blue,
),
home: const MyHomePage(),
scrollBehavior: MyCustomScrollBehavior(), // <- Here
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
//
return Scaffold(
body: Center(
child: ListView.separated(
itemBuilder: ((context, index) =>
ListTile(title: Text('Item $index'))),
separatorBuilder: (context, index) => const Divider(),
itemCount: 100,
),
),
);
}
}
// Enable scrolling with mouse dragging
class MyCustomScrollBehavior extends MaterialScrollBehavior {
@override
Set<PointerDeviceKind> get dragDevices => {
PointerDeviceKind.touch,
PointerDeviceKind.mouse,
};
}