init

lib/views/public/app_page.dart

@@ -0,0 +1,78 @@
+import 'package:chat/configs/app_colors.dart';
+import 'package:chat/services/tabbar_service.dart';
+import 'package:chat/views/home/index_page.dart';
+import 'package:chat/views/moments/index/index_page.dart';
+import 'package:chat/views/user/index/user_page.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:proste_indexed_stack/proste_indexed_stack.dart';
+
+class AppPage extends StatelessWidget {
+  AppPage({Key? key}) : super(key: key);
+
+  final List<IndexedStackChild> _tabBarPageList = [
+    IndexedStackChild(child: const HomePage()),
+    IndexedStackChild(child: const MomentsPage()),
+    IndexedStackChild(child: const UserPage()),
+  ];
+
+  final List<Map> _tabBarList = [
+    {
+      'icon': 'tabBar_03.png',
+      'label': '首页',
+    },
+    {
+      'icon': 'tabBar_03.png',
+      'label': '首页',
+    },
+    {
+      'icon': 'tabBar_03.png',
+      'label': '首页',
+    },
+  ];
+
+  Widget _bottomNavigationBar() {
+    return GetX<TabbarService>(
+      builder: (_) {
+        return BottomNavigationBar(
+          currentIndex: _.index,
+          onTap: (index) {
+            _.index = index;
+          },
+          items: _tabBarList.map((item) {
+            return BottomNavigationBarItem(
+              icon: Image.asset(
+                'assets/icons/${item['icon']}',
+                width: 20,
+                height: 20,
+              ),
+              activeIcon: Image.asset(
+                'assets/icons/${item['icon']}',
+                color: AppColors.primary,
+                width: 20,
+                height: 20,
+              ),
+              label: item['label'],
+              tooltip: '',
+            );
+          }).toList(),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: GetX<TabbarService>(
+        builder: (_) {
+          return ProsteIndexedStack(
+            index: _.index,
+            children: _tabBarPageList,
+          );
+        },
+      ),
+      bottomNavigationBar: _bottomNavigationBar(),
+    );
+  }
+}