組織を取得するのにstreamを利用してみた．

ios/Runner.xcodeproj/project.pbxproj

@@ -584,4 +584,4 @@
 /* End XCConfigurationList section */
 	};
 	rootObject = 97C146E61CF9000F007C117D /* Project object */;
-}
+}

lib/pages/login/login_state.dart

@@ -9,6 +9,8 @@ abstract class LoginState with _$LoginState {
     @Default(false) bool isLogin,
     User currentUser,
     @Default(<Organization>[]) List<Organization> orgs,
+    // TODO: streamに完全対応できたら削除
     @Default(Organization()) Organization selectedOrg,
+    @Default(null) @nullable Stream<Organization> selectedOrgStream,
   }) = _LoginState;
 }

lib/pages/login/login_state_controller.dart

@@ -19,7 +19,10 @@ class LoginStateController extends StateNotifier<LoginState> with LocatorMixin {
     super.initState();
     fetchLoginState();
     if (state.selectedOrg == null && state.currentUser != null) {
-      state = state.copyWith(selectedOrg: state.orgs.first);
+      state = state.copyWith(
+        selectedOrg: state.orgs.first,
+        selectedOrgStream: orgRepository.getOrgStream(state.orgs.first.id),
+      );
     }
   }
 
@@ -38,7 +41,10 @@ class LoginStateController extends StateNotifier<LoginState> with LocatorMixin {
       logger.info('fetchLoginState: selectedOrg = ${state.selectedOrg}');
       if (state.selectedOrg.id == null && state.orgs.isNotEmpty) {
         logger.info('fetchLoginState: set selectedOrg');
-        state = state.copyWith(selectedOrg: state.orgs.first);
+        state = state.copyWith(
+          selectedOrg: state.orgs.first,
+          selectedOrgStream: orgRepository.getOrgStream(state.orgs.first.id),
+        );
         logger.info('fetchLoginState: selectedOrg = ${state.selectedOrg}');
       }
     } else {
@@ -66,7 +72,10 @@ class LoginStateController extends StateNotifier<LoginState> with LocatorMixin {
   }
 
   Future<void> selectOrg(Organization newOrg) async {
-    state = state.copyWith(selectedOrg: newOrg);
+    state = state.copyWith(
+      selectedOrg: newOrg,
+      selectedOrgStream: orgRepository.getOrgStream(newOrg.id),
+    );
     logger.info('selectOrg: ${state.selectedOrg}');
   }
 

lib/pages/member/member_item.dart

@@ -11,16 +11,13 @@ import 'widgets/level_stars_widget.dart';
 
 class MemberItem extends StatelessWidget {
   const MemberItem({
-    this.id,
+    this.member,
   });
 
-  final String id;
+  final Member member;
 
   @override
   Widget build(BuildContext context) {
-    final member = context
-        .select<MemberState, List<Member>>((state) => state.members)
-        .firstWhere((m) => m.user.id == id);
     logger.info('MemberItem build: ${member.user.id}');
     return ListTile(
       onTap: () {

lib/pages/member/member_page.dart

@@ -10,6 +10,8 @@ class MemberPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     logger.info('MemberPage build');
+    final memberStream = context.select<MemberState, Stream<List<Member>>>(
+        (state) => state.membersStream);
     return Scaffold(
       appBar: AppBar(
         backgroundColor: Colors.white,
@@ -19,18 +21,24 @@ class MemberPage extends StatelessWidget {
           style: TextStyle(color: Colors.black),
         ),
       ),
-      body: ListView.builder(
-        itemCount:
-            context.select<MemberState, int>((state) => state.members.length),
-        itemBuilder: (_, index) => Builder(
-          builder: (context) => MemberItem(
-            id: context
-                .select<MemberState, Member>((state) => state.members[index])
-                .user
-                .id,
-          ),
-        ),
-      ),
+      body: (memberStream == null)
+          ? const Text('組織を選択してください．')
+          : StreamBuilder(
+              stream: memberStream,
+              builder: (BuildContext _, AsyncSnapshot<List<Member>> snapshot) {
+                if (!snapshot.hasData) {
+                  return const Text('Loading...');
+                }
+                return ListView.builder(
+                  itemCount: snapshot.data.length,
+                  itemBuilder: (_, index) => Builder(
+                    builder: (context) => MemberItem(
+                      member: snapshot.data[index],
+                    ),
+                  ),
+                );
+              },
+            ),
     );
   }
 }

lib/pages/member/member_state.dart

@@ -8,5 +8,6 @@ part 'member_state.freezed.dart';
 abstract class MemberState with _$MemberState {
   const factory MemberState({
     List<Member> members,
+    Stream<List<Member>> membersStream,
   }) = _MemberState;
 }