ミュートユーザーリストのページネーション機能を実装

lib/state_notifier/muted_users_page/muted_users_notifier.dart

@@ -17,6 +17,14 @@ class MutedUsersNotifier extends _$MutedUsersNotifier {
     return response.toList();
   }
 
+  Future<List<Muting>> loadMore({String? untilId}) async {
+    final response = await ref
+        .read(misskeyPostContextProvider)
+        .mute
+        .list(MuteListRequest(untilId: untilId));
+    return response.toList();
+  }
+
   Future<void> delete(String userId) async {
     await ref.read(dialogStateNotifierProvider.notifier).guard(() async {
       // ユーザー名を取得

lib/view/several_account_settings_page/muted_users_page/muted_users_page.dart

@@ -11,6 +11,8 @@ import "package:miria/state_notifier/muted_users_page/muted_users_notifier.dart"
 import "package:miria/view/common/account_scope.dart";
 import "package:miria/view/common/avatar_icon.dart";
 import "package:miria/view/common/error_detail.dart";
+import "package:miria/view/common/pushable_listview.dart";
+import "package:misskey_dart/misskey_dart.dart";
 
 @RoutePage()
 class MutedUsersPage extends HookConsumerWidget implements AutoRouteWrapper {
@@ -24,52 +26,52 @@ class MutedUsersPage extends HookConsumerWidget implements AutoRouteWrapper {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final muted = ref.watch(mutedUsersNotifierProvider);
-
     return Scaffold(
       appBar: AppBar(title: Text(S.of(context).mutedUsers)),
-      body: switch (muted) {
-        AsyncLoading() => const Center(
-          child: CircularProgressIndicator.adaptive(),
-        ),
-        AsyncError(:final error, :final stackTrace) => Center(
-          child: ErrorDetail(error: error, stackTrace: stackTrace),
-        ),
-        AsyncData(:final value) => ListView.builder(
-          itemCount: value.length,
-          itemBuilder: (context, index) {
-            final muting = value[index];
-            return HookBuilder(
-              builder: (context) {
-                final unmute = useAsync(
-                  () async => ref
-                      .read(mutedUsersNotifierProvider.notifier)
-                      .delete(muting.muteeId),
-                );
-                return ListTile(
-                  leading: AvatarIcon(user: muting.mutee),
-                  title: Text(muting.mutee.name ?? muting.mutee.username),
-                  subtitle: Text(
-                    "@${muting.mutee.username}${muting.mutee.host != null ? "@${muting.mutee.host}" : ""}",
-                    style: Theme.of(context).textTheme.bodySmall,
-                  ),
-                  trailing: IconButton(
-                    icon: const Icon(Icons.volume_up),
-                    tooltip: S.of(context).unmute,
-                    onPressed: unmute.executeOrNull,
-                  ),
-                  onTap: () async => context.pushRoute(
-                    UserRoute(
-                      userId: muting.mutee.id,
-                      accountContext: ref.read(accountContextProvider),
-                    ),
-                  ),
-                );
-              },
+      body: PushableListView<Muting>(
+        initializeFuture: () async {
+          final response = await ref
+              .read(misskeyPostContextProvider)
+              .mute
+              .list(const MuteListRequest());
+          return response.toList();
+        },
+        nextFuture: (lastItem, _) async {
+          final response = await ref
+              .read(misskeyPostContextProvider)
+              .mute
+              .list(MuteListRequest(untilId: lastItem.id));
+          return response.toList();
+        },
+        itemBuilder: (context, muting) => HookBuilder(
+          builder: (context) {
+            final unmute = useAsync(
+              () async => ref
+                  .read(mutedUsersNotifierProvider.notifier)
+                  .delete(muting.muteeId),
+            );
+            return ListTile(
+              leading: AvatarIcon(user: muting.mutee),
+              title: Text(muting.mutee.name ?? muting.mutee.username),
+              subtitle: Text(
+                "@${muting.mutee.username}${muting.mutee.host != null ? "@${muting.mutee.host}" : ""}",
+                style: Theme.of(context).textTheme.bodySmall,
+              ),
+              trailing: IconButton(
+                icon: const Icon(Icons.volume_up),
+                tooltip: S.of(context).unmute,
+                onPressed: unmute.executeOrNull,
+              ),
+              onTap: () async => context.pushRoute(
+                UserRoute(
+                  userId: muting.mutee.id,
+                  accountContext: ref.read(accountContextProvider),
+                ),
+              ),
             );
           },
         ),
-      },
+      ),
     );
   }
 }

test/view/muted_users_page/muted_users_page_test.dart

@@ -39,6 +39,10 @@ void main() {
           ),
         ]),
       );
+      // ページネーション用のモック
+      when(mute.list(any)).thenAnswer(
+        (_) => Future<Iterable<Muting>>.value([]),
+      );
 
       await tester.pumpWidget(
         ProviderScope(