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

lib/di.dart

@@ -1,4 +1,8 @@
 import 'package:chat_flutter/providers/user.dart';
+import 'package:chat_flutter/ui/pages/main/home/home_controller.dart';
+import 'package:chat_flutter/ui/pages/main/main_controller.dart';
+import 'package:chat_flutter/ui/pages/main/profile/profile_controller.dart';
+import 'package:chat_flutter/ui/pages/main/talk/talk_controller.dart';
 import 'package:provider/provider.dart';
 import 'package:provider/single_child_widget.dart';
 
@@ -7,5 +11,17 @@ List<SingleChildWidget> get providers {
     ChangeNotifierProvider<UserProvider>(
       create: (_) => UserProvider(),
     ),
+    ChangeNotifierProvider<MainController>(
+      create: (_) => MainController(),
+    ),
+    ChangeNotifierProvider<HomeController>(
+      create: (_) => HomeController(),
+    ),
+    ChangeNotifierProvider<TalkController>(
+      create: (_) => TalkController(),
+    ),
+    ChangeNotifierProvider<ProfileController>(
+      create: (_) => ProfileController(),
+    ),
   ];
 }

lib/main.dart

@@ -4,9 +4,9 @@ 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/main/profile/profile.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';

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/pages/home.dart → lib/ui/pages/main/home/home.dart

@@ -1,21 +1,46 @@
 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';
 import 'package:flutter/material.dart';
 import 'package:chat_flutter/model/user.dart';
 import 'package:chat_flutter/model/group.dart';
 
 import 'package:chat_flutter/config/app_text_size.dart';
+import 'package:provider/provider.dart';
 
 class HomePage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
+    final _homeController = Provider.of<HomeController>(context);
     return SingleChildScrollView(
       child: Column(
         children: <Widget>[
-          HomePageListTile(
-            name: 'name',
-            imgUrl: 'https://dot.asahi.com/S2000/upload/2019100100055_1.jpg',
-            isMe: true,
+          FutureBuilder(
+            future: _homeController.getMeById('test'),
+            builder: (BuildContext context, AsyncSnapshot<User> snapshot) {
+              if (snapshot.hasError) {
+                return Center(child: Text('Error: ${snapshot.error}'));
+              }
+              switch (snapshot.connectionState) {
+                case ConnectionState.waiting: // データの取得まち
+                  return Center(
+                    child: CircularProgressIndicator(),
+                  );
+
+                default:
+                  if (snapshot.hasData) {
+                    return HomePageListTile(
+                      name: snapshot.data.name,
+                      imgUrl: snapshot.data.imgUrl,
+                      isMe: true,
+                    );
+                  } else {
+                    return Center(
+                      child: Text("該当するユーザーがいません"),
+                    );
+                  }
+              }
+            },
           ),
           Container(
             constraints: BoxConstraints(
@@ -46,7 +71,7 @@ class HomePage extends StatelessWidget {
                   ),
                 ),
                 FutureBuilder(
-                  future: _getGroupList(),
+                  future: _homeController.getGroupList(),
                   builder: (
                     BuildContext context,
                     AsyncSnapshot<List<Group>> snapshot,
@@ -120,7 +145,7 @@ class HomePage extends StatelessWidget {
                   ),
                 ),
                 FutureBuilder(
-                  future: _getFriendList(),
+                  future: _homeController.getFriendList(),
                   builder: (
                     BuildContext context,
                     AsyncSnapshot<List<User>> snapshot,
@@ -185,56 +210,4 @@ class HomePage extends StatelessWidget {
       ),
     );
   }
-
-  Future<List<Group>> _getGroupList() async {
-    final List<Group> groupList = [
-      Group(
-        name: "Sport",
-        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
-      ),
-      Group(
-        name: "Study",
-        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
-      ),
-      Group(
-        name: "Hobby",
-        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
-      ),
-    ];
-
-    await Future.delayed(Duration(seconds: 1));
-    return await Future.value(groupList);
-  }
-
-  Future<List<User>> _getFriendList() async {
-    final List<User> friendList = [
-      User(
-        name: "Alex",
-        imgUrl:
-            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
-        isMe: false,
-      ),
-      User(
-        name: "Alex2(笑)",
-        imgUrl:
-            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
-        isMe: false,
-      ),
-      User(
-        name: "Jack",
-        imgUrl:
-            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
-        isMe: false,
-      ),
-      User(
-        name: "Brian",
-        imgUrl:
-            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
-        isMe: false,
-      ),
-    ];
-
-    await Future.delayed(Duration(seconds: 3));
-    return await Future.value(friendList);
-  }
 }

lib/ui/pages/main/home/home_controller.dart

@@ -0,0 +1,66 @@
+import 'package:chat_flutter/model/group.dart';
+import 'package:chat_flutter/model/user.dart';
+import 'package:flutter/material.dart';
+
+class HomeController with ChangeNotifier{
+  HomeController();
+
+  Future<User> getMeById(String userId) async {
+    User user = User(name: "test", imgUrl: "https://dot.asahi.com/S2000/upload/2019100100055_1.jpg");
+
+    await Future.delayed(Duration(seconds: 1));
+    return await Future.value(user);
+  }
+
+  Future<List<Group>> getGroupList() async {
+    final List<Group> groupList = [
+      Group(
+        name: "Sport",
+        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
+      ),
+      Group(
+        name: "Study",
+        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
+      ),
+      Group(
+        name: "Hobby",
+        imgUrl: "https://prtimes.jp/i/24101/70/resize/d24101-70-320114-0.jpg",
+      ),
+    ];
+
+    await Future.delayed(Duration(seconds: 1));
+    return await Future.value(groupList);
+  }
+
+  Future<List<User>> getFriendList() async {
+    final List<User> friendList = [
+      User(
+        name: "Alex",
+        imgUrl:
+            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
+        isMe: false,
+      ),
+      User(
+        name: "Alex2(笑)",
+        imgUrl:
+            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
+        isMe: false,
+      ),
+      User(
+        name: "Jack",
+        imgUrl:
+            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
+        isMe: false,
+      ),
+      User(
+        name: "Brian",
+        imgUrl:
+            "https://pbs.twimg.com/profile_images/581025665727655936/9CnwZZ6j.jpg",
+        isMe: false,
+      ),
+    ];
+
+    await Future.delayed(Duration(seconds: 3));
+    return await Future.value(friendList);
+  }
+}

lib/ui/pages/main.dart → lib/ui/pages/main/main.dart

@@ -1,26 +1,17 @@
 import 'package:chat_flutter/ui/molecules/home/app_bar.dart';
 import 'package:chat_flutter/ui/molecules/profile/app_bar.dart';
 import 'package:chat_flutter/ui/molecules/talk/app_bar.dart';
-import 'package:chat_flutter/ui/pages/home.dart';
-import 'package:chat_flutter/ui/pages/profile.dart';
-import 'package:chat_flutter/ui/pages/talk.dart';
+import 'package:chat_flutter/ui/pages/main/home/home.dart';
+import 'package:chat_flutter/ui/pages/main/main_controller.dart';
+import 'package:chat_flutter/ui/pages/main/profile/profile.dart';
+import 'package:chat_flutter/ui/pages/main/talk/talk.dart';
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 
-class MainPage extends StatefulWidget {
-  @override
-  _MainPageState createState() => _MainPageState();
-}
-
-class _MainPageState extends State<MainPage> {
-  int _currentIndex = 0;
-  void changePage(int index) {
-    setState(
-      () => _currentIndex = index,
-    );
-  }
-
+class MainPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
+    final _mainController = Provider.of<MainController>(context);
     final List appBarList = [
       HomePageAppBar(),
       TalkPageAppBar(),
@@ -40,20 +31,21 @@ class _MainPageState extends State<MainPage> {
     ];
 
     return Scaffold(
-      appBar: appBarList[_currentIndex],
-      backgroundColor: backgroundColor[_currentIndex],
-      bottomNavigationBar: bottomNavigation(),
-      body: pages[_currentIndex],
+      appBar: appBarList[_mainController.currentIndex],
+      backgroundColor: backgroundColor[_mainController.currentIndex],
+      bottomNavigationBar: bottomNavigation(context),
+      body: pages[_mainController.currentIndex],
     );
   }
 
-  Widget bottomNavigation() {
+  Widget bottomNavigation(BuildContext context) {
+    final _mainController = Provider.of<MainController>(context);
     return BottomNavigationBar(
       backgroundColor: Colors.white,
       type: BottomNavigationBarType.fixed,
       showSelectedLabels: false,
       showUnselectedLabels: false,
-      currentIndex: _currentIndex,
+      currentIndex: _mainController.currentIndex,
       items: [
         BottomNavigationBarItem(
           icon: Icon(
@@ -80,9 +72,9 @@ class _MainPageState extends State<MainPage> {
           ),
         ),
       ],
-      onTap: (index) => setState(
-        () => _currentIndex = index,
-      ),
+      onTap: (index){
+        _mainController.changePage(index);
+      }
     );
   }
 }

lib/ui/pages/main/main_controller.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/material.dart';
+
+class MainController with ChangeNotifier{
+  int currentIndex;
+  MainController(){
+    currentIndex = 0;
+  }
+
+  void changePage(int index){
+    currentIndex = index;
+    notifyListeners();
+  }
+}

lib/ui/pages/profile.dart → lib/ui/pages/main/profile/profile.dart

@@ -1,6 +1,6 @@
 import 'package:chat_flutter/config/app_space.dart';
-import 'package:chat_flutter/providers/user.dart';
 import 'package:chat_flutter/ui/atoms/profile_image.dart';
+import 'package:chat_flutter/ui/pages/main/profile/profile_controller.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -12,9 +12,9 @@ class ProfilePage extends StatelessWidget {
   const ProfilePage({Key key}) : super(key: key);
   @override
   Widget build(BuildContext context) {
-    final userProvider = Provider.of<UserProvider>(context);
+    final _profileController = Provider.of<ProfileController>(context);
     return FutureBuilder<User>(
-      future: userProvider.getUserById("userId"),
+      future: _profileController.getUserById("userId"),
       builder: (BuildContext context, AsyncSnapshot<User> snapshot) {
         if (snapshot.hasError) {
           return Center(child: Text('Error: ${snapshot.error}'));

lib/ui/pages/main/profile/profile_controller.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+import 'package:chat_flutter/model/user.dart';
+
+class ProfileController with ChangeNotifier{
+  ProfileController();
+
+  Future<User> getUserById(String userId) async {
+    User user = User(name: "test", imgUrl: "");
+
+    await Future.delayed(Duration(seconds: 1));
+    return await Future.value(user);
+  }
+
+  void changeProfileInfo(){
+    //Firebaseへの変更通知
+  }
+}