Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

feat: scroll top/bottom on ListView #37

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions lib/intent.dart
Original file line number Diff line number Diff line change
Expand Up @@ -23,3 +23,12 @@ class PlayVideoIntent extends Intent {
class ListenVideoIntent extends Intent {
const ListenVideoIntent();
}

class ScrollMoveTopIntent extends Intent{
const ScrollMoveTopIntent();
}

class ScrollMoveBottomIntent extends Intent{
const ScrollMoveBottomIntent();
}

22 changes: 22 additions & 0 deletions lib/page/history.dart
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import 'dart:async';

import 'package:autoscroll/autoscroll.dart';
import 'package:fluent_ui/fluent_ui.dart';
import 'package:flutter/services.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:youtube_api/youtube_api.dart';

Expand All @@ -19,6 +20,7 @@ class HistoryPage extends StatefulWidget {

class _HistoryPageState extends State<HistoryPage> {
final FocusNode searchBarFocus = FocusNode();
final ScrollController scrollController = ScrollController();
List<YoutubeVideo>? filteredList;
List<YoutubeVideo>? historyList;
late final Map<Type, Action<Intent>> _actionMap = {
Expand All @@ -27,6 +29,16 @@ class _HistoryPageState extends State<HistoryPage> {
),
NavigationPopIntent: CallbackAction<Intent>(
onInvoke: (final _) => _navigationPop(context),
),
ScrollMoveTopIntent: CallbackAction<Intent>(
onInvoke: (final _) => scrollController.jumpTo(
scrollController.position.minScrollExtent,
),
),
ScrollMoveBottomIntent: CallbackAction<Intent>(
onInvoke: (final _) => scrollController.jumpTo(
scrollController.position.maxScrollExtent,
),
)
};

Expand Down Expand Up @@ -84,7 +96,17 @@ class _HistoryPageState extends State<HistoryPage> {
),
),
content: KeyboardNavigation(
additionalShortcuts: {
const SingleActivator(
LogicalKeyboardKey.keyG,
): const ScrollMoveTopIntent(),
const SingleActivator(
LogicalKeyboardKey.keyG,
shift: true,
): const ScrollMoveBottomIntent(),
},
child: AutoscrollListView.builder(
controller: scrollController,
itemCount: filteredList?.length ?? 0,
itemBuilder: (final context, final index) {
final youtubeVideo =
Expand Down
28 changes: 28 additions & 0 deletions lib/widget/search_result.dart
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,11 @@ library search_result;

import 'package:autoscroll/autoscroll.dart';
import 'package:fluent_ui/fluent_ui.dart';
import 'package:flutter/services.dart';
import 'package:youtube_api/youtube_api.dart';

import '../helper/command_parser.dart';
import '../intent.dart';
import 'keyboard_navigation.dart';
import 'list_items/list_item.dart';

Expand All @@ -25,10 +27,36 @@ class SearchResult extends StatefulWidget {
}

class _SearchResultState extends State<SearchResult> {
final scrollController = ScrollController();
late final actions = {
ScrollMoveTopIntent: CallbackAction<Intent>(
onInvoke: (final _) => scrollController.jumpTo(
scrollController.position.minScrollExtent,
),
),
ScrollMoveBottomIntent: CallbackAction<Intent>(
onInvoke: (final _) => scrollController.jumpTo(
scrollController.position.maxScrollExtent,
),
)
};
final shortcuts = {
const SingleActivator(
LogicalKeyboardKey.keyG,
): const ScrollMoveTopIntent(),
const SingleActivator(
LogicalKeyboardKey.keyG,
shift: true,
): const ScrollMoveBottomIntent(),
};

@override
Widget build(final BuildContext context) {
return KeyboardNavigation(
additionalActions: actions,
additionalShortcuts: shortcuts,
child: AutoscrollListView.builder(
controller: scrollController,
itemCount: widget.result.length + 1,
itemBuilder: (final context, final index) {
if (index == widget.result.length) {
Expand Down
2 changes: 1 addition & 1 deletion package/autoscroll/example/lib/main.dart
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,7 @@ class _ListBuilderState extends State<ListBuilder> {
@override
Widget build(BuildContext context) {
return AutoscrollListView.builder(
autoScrollSpeed: widget.autoscrollSpeed,
autoscrollSpeed: widget.autoscrollSpeed,
itemCount: widget.selectedList.length,
itemBuilder: (_, int index) {
return ListTile(
Expand Down
Loading