bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Retain scroll position on events view

Browse Source
This commit is contained in:
Shawn 2023-04-18 11:03:17 -06:00
parent e09aa3d1b8
commit 3080f8d867
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/ui/screens/wonder_events/widgets/_events_list.dart
View File

@ -61,6 +61,7 @@ class _EventsListState extends State<_EventsList> {
children: [ children: [
SingleChildScrollView( SingleChildScrollView(
controller: _scroller, controller: _scroller,
key: PageStorageKey('eventsList'),
child: Column( child: Column(
children: [ children: [
IgnorePointer(child: Gap(widget.topHeight)), IgnorePointer(child: Gap(widget.topHeight)),

21
lib/ui/screens/wonder_events/wonder_events.dart
View File

@ -19,17 +19,24 @@ part 'widgets/_timeline_btn.dart';
part 'widgets/_wonder_image_with_timeline.dart'; part 'widgets/_wonder_image_with_timeline.dart';
//TODO: Maintain scroll position when switching from portrait to landscape //TODO: Maintain scroll position when switching from portrait to landscape
class WonderEvents extends StatelessWidget { class WonderEvents extends StatefulWidget {
WonderEvents({Key? key, required this.type}) : super(key: key); WonderEvents({Key? key, required this.type}) : super(key: key);
final WonderType type; final WonderType type;
late final _data = wondersLogic.getData(type);
@override
State<WonderEvents> createState() => _WonderEventsState();
}
class _WonderEventsState extends State<WonderEvents> {
late final _data = wondersLogic.getData(widget.type);
final _eventsListKey = GlobalKey<_EventsListState>();
double _scrollPos = 0; double _scrollPos = 0;
void _handleScroll(double pos) => _scrollPos = pos; void _handleScroll(double pos) => _scrollPos = pos;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
void handleTimelineBtnPressed() => context.push(ScreenPaths.timeline(type)); void handleTimelineBtnPressed() => context.push(ScreenPaths.timeline(widget.type));
// Main view content switches between 1 and 2 column layouts // Main view content switches between 1 and 2 column layouts
// On mobile, use the 2 column layout on screens close to landscape (>.85). This is primarily an optimization for foldable devices which have square-ish dimensions when opened. // On mobile, use the 2 column layout on screens close to landscape (>.85). This is primarily an optimization for foldable devices which have square-ish dimensions when opened.
final twoColumnAspect = PlatformInfo.isMobile ? .85 : 1; final twoColumnAspect = PlatformInfo.isMobile ? .85 : 1;
@ -88,7 +95,7 @@ class WonderEvents extends StatelessWidget {
children: [ children: [
_WonderImageWithTimeline(data: _data, height: min(500, context.heightPx - 300)), _WonderImageWithTimeline(data: _data, height: min(500, context.heightPx - 300)),
Gap($styles.insets.lg), Gap($styles.insets.lg),
SizedBox(width: 400, child: _TimelineBtn(type: type)), SizedBox(width: 400, child: _TimelineBtn(type: widget.type)),
], ],
), ),
), ),
@ -104,6 +111,7 @@ class WonderEvents extends StatelessWidget {
child: CenteredBox( child: CenteredBox(
width: $styles.sizes.maxContentWidth2, width: $styles.sizes.maxContentWidth2,
child: _EventsList( child: _EventsList(
key: _eventsListKey,
data: _data, data: _data,
topHeight: 100, topHeight: 100,
blurOnScroll: false, blurOnScroll: false,
@ -132,8 +140,9 @@ class WonderEvents extends StatelessWidget {
Column( Column(
children: [ children: [
Expanded( Expanded(
/// List /// EventsList
child: _EventsList( child: _EventsList(
key: _eventsListKey,
data: _data, data: _data,
topHeight: topHeight, topHeight: topHeight,
blurOnScroll: true, blurOnScroll: true,
@ -144,7 +153,7 @@ class WonderEvents extends StatelessWidget {
), ),
Gap($styles.insets.lg), Gap($styles.insets.lg),
/// Btn /// TimelineBtn
_TimelineBtn(type: _data.type, width: $styles.sizes.maxContentWidth2), _TimelineBtn(type: _data.type, width: $styles.sizes.maxContentWidth2),
Gap($styles.insets.lg), Gap($styles.insets.lg),
], ],