flutter/flutter-wonderous-app
1
0
Fork 0
mirror of https://github.com/gskinnerTeam/flutter-wonderous-app.git synced 2025-05-17 21:05:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Collection screen now horizontally scrolls via mouse wheel.

Browse Source
This commit is contained in:
Alex Garneau
2025-03-24 09:51:09 -06:00
parent 6469ae1043
commit 9c773c23ff
2 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/ui/screens/collection/collection_screen.dart
View File

@ -1,6 +1,7 @@
import 'dart:async';
import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';
import 'package:wonders/common_libs.dart';
import 'package:wonders/logic/collectibles_logic.dart';
import 'package:wonders/logic/data/collectible_data.dart';

38
lib/ui/screens/collection/widgets/_collection_list.dart
View File

@ -47,6 +47,13 @@ class _CollectionListState extends State<_CollectionList> with GetItStateMixin {
}
}
void _handleMouseWheel(PointerSignalEvent event) {
if (event is PointerScrollEvent && event.kind == PointerDeviceKind.mouse && _vtMode.value == false) {
final offset = event.scrollDelta.dy;
scrollController.jumpTo(scrollController.offset + offset);
}
}
@override
Widget build(BuildContext context) {
watchX((CollectiblesLogic o) => o.statesById);
@ -66,20 +73,23 @@ class _CollectionListState extends State<_CollectionList> with GetItStateMixin {
})
];
// Scroll view adapts to scroll vertically or horizontally
return SingleChildScrollView(
controller: scrollController,
scrollDirection: _vtMode.value ? Axis.vertical : Axis.horizontal,
child: Padding(
padding: EdgeInsets.all($styles.insets.lg),
child: SeparatedFlex(
direction: _vtMode.value ? Axis.vertical : Axis.horizontal,
mainAxisSize: MainAxisSize.min,
separatorBuilder: () => Gap($styles.insets.lg),
children: [
...collections,
Gap($styles.insets.sm),
if (kDebugMode) _buildResetBtn(context),
],
return Listener(
onPointerSignal: _handleMouseWheel,
child: SingleChildScrollView(
controller: scrollController,
scrollDirection: _vtMode.value ? Axis.vertical : Axis.horizontal,
child: Padding(
padding: EdgeInsets.all($styles.insets.lg),
child: SeparatedFlex(
direction: _vtMode.value ? Axis.vertical : Axis.horizontal,
mainAxisSize: MainAxisSize.min,
separatorBuilder: () => Gap($styles.insets.lg),
children: [
...collections,
Gap($styles.insets.sm),
if (kDebugMode) _buildResetBtn(context),
],
),
),
),
);