-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: move simple progress indicator to bottom, add swipe gesture
- Loading branch information
1 parent
e0a7724
commit 8e1a33c
Showing
5 changed files
with
118 additions
and
74 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| import 'package:annix/providers.dart'; | ||
| import 'package:annix/ui/widgets/artist_text.dart'; | ||
| import 'package:annix/ui/widgets/slide_up.dart'; | ||
| import 'package:annix/utils/context_extension.dart'; | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:flutter_hooks/flutter_hooks.dart'; | ||
| import 'package:hooks_riverpod/hooks_riverpod.dart'; | ||
|
|
||
| class HarderScrollPhysics extends ScrollPhysics { | ||
| const HarderScrollPhysics({super.parent}); | ||
|
|
||
| @override | ||
| HarderScrollPhysics applyTo(ScrollPhysics? ancestor) { | ||
| return HarderScrollPhysics(parent: buildParent(ancestor)); | ||
| } | ||
|
|
||
| @override | ||
| double applyPhysicsToUserOffset(ScrollMetrics position, double offset) { | ||
| return offset * 0.7; | ||
| } | ||
| } | ||
|
|
||
| class PlayingTrackSwiper extends HookConsumerWidget { | ||
| const PlayingTrackSwiper({super.key}); | ||
|
|
||
| @override | ||
| Widget build(BuildContext context, final ref) { | ||
| final player = ref.watch(playbackProvider); | ||
| final queue = player.queue; | ||
| final playingIndex = player.playingIndex; | ||
| final controller = usePageController(initialPage: playingIndex ?? 0); | ||
|
|
||
| useEffect(() { | ||
| if (playingIndex != null && controller.hasClients) { | ||
| controller.jumpToPage(playingIndex); | ||
| } | ||
| return null; | ||
| }, [queue, playingIndex]); | ||
|
|
||
| return HorizontalScrollableWidget( | ||
| child: PageView.builder( | ||
| // if we need to add option to disable swipe | ||
| // physics: const NeverScrollableScrollPhysics(), | ||
| physics: const HarderScrollPhysics(), | ||
| controller: controller, | ||
| onPageChanged: (index) { | ||
| if (playingIndex != null && index != playingIndex) { | ||
| WidgetsBinding.instance.addPostFrameCallback((final _) { | ||
| player.jump(index); | ||
| }); | ||
| } | ||
| }, | ||
| itemCount: queue.length, | ||
| itemBuilder: (context, index) { | ||
| final track = queue[index].track; | ||
| return Column( | ||
| mainAxisAlignment: MainAxisAlignment.center, | ||
| crossAxisAlignment: CrossAxisAlignment.start, | ||
| children: [ | ||
| Text( | ||
| track.title, | ||
| style: context.textTheme.titleSmall, | ||
| overflow: TextOverflow.ellipsis, | ||
| softWrap: false, | ||
| ), | ||
| ArtistText( | ||
| track.artist, | ||
| style: context.textTheme.bodySmall, | ||
| ), | ||
| ], | ||
| ); | ||
| }, | ||
| ), | ||
| ); | ||
| } | ||
| } |