ChangeNotifierの実装（メインページ）

lib/main.dart

@@ -1,22 +1,16 @@
 import 'package:flutter/material.dart';
-import 'package:provider/provider.dart';
 
-import 'package:chat_flutter/di.dart';
 import 'package:chat_flutter/ui/pages/add_friend.dart';
 import 'package:chat_flutter/ui/pages/create_group.dart';
-import 'package:chat_flutter/ui/pages/main.dart';
-import 'package:chat_flutter/ui/pages/profile_edit.dart';
-import 'package:chat_flutter/ui/pages/profile.dart';
+import 'package:chat_flutter/ui/pages/main/main.dart';
+import 'package:chat_flutter/ui/pages/main/profile/profile_edit.dart';
 import 'package:chat_flutter/ui/pages/room.dart';
 import 'package:chat_flutter/ui/pages/sign_in.dart';
 import 'package:chat_flutter/ui/pages/sign_up.dart';
 
 void main() {
   runApp(
-    MultiProvider(
-      providers: providers,
-      child: MyApp(),
-    ),
+    MyApp(),
   );
 }
 
@@ -32,12 +26,11 @@ class MyApp extends StatelessWidget {
       ),
       initialRoute: '/mainPage',
       routes: {
-        '/mainPage': (context) => MainPage(),
+        '/mainPage': (context) => MainPage.wrapped(),
         '/signUpPage': (context) => SignUpPage(),
         '/signInPage': (context) => SignInPage(),
         '/roomPage': (context) => RoomPage(),
-        '/profilePage': (context) => ProfilePage(),
-        '/profileEditPage': (context) => ProfileEditPage(),
+        '/profileEditPage': (context) => ProfileEditPage.wrapped(),
         '/addFriendPage': (context) => AddFriendPage(),
         '/createGroupPage': (context) => CreateGroupPage(),
       },

lib/providers/user.dart

@@ -1,7 +1,7 @@
 import 'package:chat_flutter/services/user.dart';
 import 'package:flutter/material.dart';
 
-import '../model/user.dart';
+import 'package:chat_flutter/model/user.dart';
 
 class UserProvider with ChangeNotifier {
   UserProvider() {

lib/ui/molecules/home/friend_tile_list.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'package:chat_flutter/config/app_space.dart';
+
+import 'package:chat_flutter/ui/molecules/home/list_tile.dart';
+
+import 'package:chat_flutter/ui/pages/main/home/home_controller.dart';
+
+class FriendTileList extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    final friendList = Provider.of<HomeController>(context).friendList;
+    if (friendList == null) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    } else {
+      return Container(
+        // ここのラップは適当にサイズ指定しているだけなので、レイアウトに合わせて変更する必要あり
+        height: 220,
+        child: SingleChildScrollView(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              SizedBox(
+                height: AppSpace.small,
+              ),
+              ListView.builder(
+                physics: ScrollPhysics(),
+                scrollDirection: Axis.vertical,
+                shrinkWrap: true,
+                itemCount: friendList.length,
+                itemBuilder: (
+                  BuildContext context,
+                  int index,
+                ) {
+                  return HomePageListTile(
+                    name: friendList[index].name,
+                    imgUrl: friendList[index].imgUrl,
+                  );
+                },
+              ),
+            ],
+          ),
+        ),
+      );
+    }
+  }
+}

lib/ui/molecules/home/group_tile_list.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'package:chat_flutter/config/app_space.dart';
+
+import 'package:chat_flutter/ui/molecules/home/list_tile.dart';
+
+import 'package:chat_flutter/ui/pages/main/home/home_controller.dart';
+
+class GroupTileList extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    final groupList = Provider.of<HomeController>(context).groupList;
+    if (groupList == null) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    }
+    return Container(
+      height: 220,
+      child: SingleChildScrollView(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            SizedBox(
+              height: AppSpace.small,
+            ),
+            ListView.builder(
+              physics: ScrollPhysics(),
+              scrollDirection: Axis.vertical,
+              shrinkWrap: true,
+              itemCount: groupList.length,
+              itemBuilder: (
+                BuildContext context,
+                int index,
+              ) {
+                return HomePageListTile(
+                  name: groupList[index].name,
+                  imgUrl: groupList[index].imgUrl,
+                );
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/ui/molecules/home/my_tile.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'package:chat_flutter/ui/molecules/home/list_tile.dart';
+
+import 'package:chat_flutter/ui/pages/main/home/home_controller.dart';
+
+class MyTile extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    final user = Provider.of<HomeController>(context).user;
+    if (user == null) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    }
+    return HomePageListTile(
+      name: user.name,
+      imgUrl: user.imgUrl,
+      isMe: true,
+    );
+  }
+}