完成application页面架构

lib/provider/app_provider.dart

@@ -7,8 +7,14 @@ class AppProvider extends ChangeNotifier {
 
   ///添加最近使用的应用
   addRecentApp(AppApplication app) {
-    if (-recentUsedApp.length >= 4) _recentUsedApp.removeLast();
-    _recentUsedApp.insert(0, app);
+    if (_recentUsedApp.indexWhere((element) => element.name == app.name) ==
+        -1) {
+      if (_recentUsedApp.length >= 4) _recentUsedApp.removeLast();
+      _recentUsedApp.insert(0, app);
+    } else {
+      _recentUsedApp.removeWhere((element) => element.name == app.name);
+      _recentUsedApp.insert(0, app);
+    }
     notifyListeners();
   }
 

lib/ui/home/application/applications_page.dart

@@ -1,17 +1,24 @@
+import 'package:aku_ui/common_widgets/aku_material_button.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
 import 'package:aku_community_manager/const/resource.dart';
 import 'package:aku_community_manager/provider/app_provider.dart';
 import 'package:aku_community_manager/style/app_style.dart';
+import 'package:aku_community_manager/tools/screen_tool.dart';
 import 'package:aku_community_manager/tools/widget_tool.dart';
 import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart';
 import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
-import 'package:aku_ui/common_widgets/aku_material_button.dart';
-import 'package:flutter/material.dart';
-import 'package:aku_community_manager/tools/screen_tool.dart';
-import 'package:provider/provider.dart';
 
 class AppApplication {
   String name;
   String assetPath;
+  Widget page;
+  AppApplication(
+    this.name,
+    this.assetPath,
+    this.page,
+  );
 }
 
 class ApplicationPage extends StatefulWidget {
@@ -27,8 +34,20 @@ class _ApplicationPageState extends State<ApplicationPage>
 
   int _nowSelectedIndex = 0;
 
+  List<AppApplication> _recommandApplications = [
+    AppApplication('活动管理', '', Scaffold()),
+    AppApplication('访客管理', '', Scaffold()),
+    AppApplication('便民电话', '', Scaffold()),
+    AppApplication('借还管理', '', Scaffold()),
+    AppApplication('工单管理', '', Scaffold()),
+    AppApplication('语音管家', '', Scaffold()),
+    AppApplication('一键报警', '', Scaffold()),
+    AppApplication('问卷调查', '', Scaffold()),
+  ];
+
   @override
   Widget build(BuildContext context) {
+    final appProvider = Provider.of<AppProvider>(context);
     return AkuScaffold(
       appBar: AppBar(
         brightness: Brightness.light,
@@ -70,6 +89,7 @@ class _ApplicationPageState extends State<ApplicationPage>
         children: [
           AkuBox.h(16),
           _buildRecentUsed(),
+          appProvider.recentUsedApp.isEmpty ? SizedBox() : AkuBox.h(16),
           _buildBottomApps(),
         ],
       ),
@@ -88,10 +108,7 @@ class _ApplicationPageState extends State<ApplicationPage>
               children: [
                 Row(
                   children: [
-                    AkuMaterialButton(
-                      onPressed: () {
-                        appProvider.clearRecentApp();
-                      },
+                    Padding(
                       child: Text(
                         '最近使用',
                         style: TextStyle(
@@ -107,7 +124,9 @@ class _ApplicationPageState extends State<ApplicationPage>
                     ),
                     Spacer(),
                     AkuMaterialButton(
-                      onPressed: () {},
+                      onPressed: () {
+                        appProvider.clearRecentApp();
+                      },
                       child: Text(
                         '清除',
                         style: TextStyle(
@@ -123,6 +142,16 @@ class _ApplicationPageState extends State<ApplicationPage>
                     ),
                   ],
                 ),
+                GridView(
+                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                    crossAxisCount: 4,
+                  ),
+                  children: appProvider.recentUsedApp
+                      .map((e) => _buildBottomAppCard(e))
+                      .toList(),
+                  shrinkWrap: true,
+                  physics: NeverScrollableScrollPhysics(),
+                ),
               ],
             ),
           );
@@ -155,7 +184,17 @@ class _ApplicationPageState extends State<ApplicationPage>
                   });
                 },
                 children: [
-                  Text('12'),
+                  GridView.builder(
+                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                      crossAxisCount: 3,
+                    ),
+                    physics: NeverScrollableScrollPhysics(),
+                    itemBuilder: (context, index) {
+                      final application = _recommandApplications[index];
+                      return _buildBottomAppCard(application);
+                    },
+                    itemCount: _recommandApplications.length,
+                  ),
                   Text('23'),
                 ],
               ),
@@ -193,4 +232,25 @@ class _ApplicationPageState extends State<ApplicationPage>
       ),
     );
   }
+
+  Widget _buildBottomAppCard(AppApplication application) {
+    final appProvider = Provider.of<AppProvider>(context);
+    return AkuMaterialButton(
+      onPressed: () {
+        appProvider.addRecentApp(application);
+      },
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          SizedBox(
+            height: 75.w,
+            width: 75.w,
+            child: Placeholder(),
+          ),
+          AkuBox.h(8),
+          Text(application.name),
+        ],
+      ),
+    );
+  }
 }

lib/ui/home/home_page.dart

@@ -1,4 +1,3 @@
-
 import 'package:aku_community_manager/const/resource.dart';
 import 'package:aku_community_manager/provider/user_provider.dart';
 import 'package:aku_community_manager/style/app_style.dart';
@@ -227,7 +226,9 @@ class _HomePageState extends State<HomePage> {
                         minWidth: 78.w,
                         //消息按钮
                         height: double.infinity,
-                        onPressed: () {},
+                        onPressed: () {
+                          Get.to(Message());
+                        },
                         child: Column(children: [
                           Image.asset(
                             R.ASSETS_HOME_IC_NEWS_PNG,