Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
【Flutter WEB】ListViewをドラッグでスクロールできるようにする
2021.12.07
モバイル開発ではドラッグでスクロールできますが、WEB開発のデフォルトではドラッグでスクロールすることはできません。
behaiorの設定を行うことでこの問題を解決することができます。
新しくCustomScrollBehaviorクラスを作成しておきます。
import 'dart:ui';
import 'package:flutter/material.dart';
class CustomScrollBehavior extends MaterialScrollBehavior {
@override
Set<PointerDeviceKind> get dragDevices => {
PointerDeviceKind.touch,
PointerDeviceKind.mouse,
};
}
ドラッグでスクロールしたいWidgetをScrollConfigurationで囲い、behaviorプロパティにCustomScrollBehaviorを指定します。
child: ScrollConfiguration(
behavior: CustomScrollBehavior(),
child: ListView(...
Flutterラボ
hatchoutschool
Flutter Daily
Flutterに関する記事を日々更新しています (223本)

【Dart】Stringからint, double, DateTimeに変換する
2020.09.14

【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13