Merge branch 'master' of http://192.168.2.201:8099/laiiihz/ansu_ui

example/lib/main.dart

@@ -1,24 +1,12 @@
 import 'package:ansu_ui/ansu_ui.dart';
-import 'package:example/example_bottom_button.dart';
+import 'package:ansu_ui/bar/as_navigation_bar.dart';
-import 'package:example/example_box.dart';
+import 'package:example/main_extention.dart';
-import 'package:example/example_dialog.dart';
+import 'package:example/main_home.dart';
-import 'package:example/example_drawer.dart';
-import 'package:example/example_listtile.dart';
-import 'package:example/example_refresh.dart';
-import 'package:example/example_tag.dart';
-import 'package:example/example_text_field.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:get/get.dart';
 
-import 'example_numeric_button.dart';
-import 'example_scaffold.dart';
-import 'example_button.dart';
-import 'example_tab_bar.dart';
-import 'example_picker.dart';
-import 'example_style_color.dart';
-
 void main() {
   runApp(MyApp());
 }
@@ -57,13 +45,17 @@ class MyHomePage extends StatefulWidget {
   _MyHomePageState createState() => _MyHomePageState();
 }
 
-class _MyHomePageState extends State<MyHomePage> {
+class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
+  TabController _tabController;
+
   @override
   void initState() {
     super.initState();
     SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light.copyWith(
       statusBarColor: Colors.transparent,
     ));
+
+    _tabController = TabController(length: 2, vsync: this);
   }
 
   @override
@@ -76,57 +68,19 @@ class _MyHomePageState extends State<MyHomePage> {
             )
           : SizedBox(),
       title: '安速组件',
-      body: ListView(
+      body: TabBarView(
-        padding: EdgeInsets.all(16.w),
+        controller: _tabController,
         children: [
-          Image.asset('assets/logo.webp', height: 50),
+          MainHome(),
-          SizedBox(height: 16.w),
+          MainExtention(),
-          ASButton.info(
+        ],
-              title: '颜色 Style Color',
-              onPressed: () => Get.to(ExampleStyleColor())),
-          ASButton.info(
-              title: '按钮 Button', onPressed: () => Get.to(ExampleButton())),
-          ASButton.info(
-              title: '框架 Scaffold', onPressed: () => Get.to(ExampleScaffold())),
-          ASButton.info(
-              title: '选项卡 Tabbar', onPressed: () => Get.to(ExampleTabBar())),
-          ASButton.info(
-              title: '数量选择器NumericButton',
-              onPressed: () => Get.to(ExampleNumericButton())),
-          ASButton.info(
-              title: '选择器 Pickers', onPressed: () => Get.to(ExamplePicker())),
-          ASButton.info(
-            title: '底部按钮 BottomButton',
-            onPressed: () => Get.to(ExampleBottomButton()),
-          ),
-          ASButton.info(
-            title: '标签 TAG',
-            onPressed: () => Get.to(ExampleTag()),
-          ),
-          ASButton.info(
-            title: '抽屉 DRAWER',
-            onPressed: () => Get.to(ExampleDrawer()),
-          ),
-          ASButton.info(
-            title: '对话框 Dialog',
-            onPressed: () => Get.to(ExampleDialog()),
-          ),
-          ASButton.info(
-            title: '列表内容项 ListTile',
-            onPressed: () => Get.to(ExampleListTile()),
-          ),
-          ASButton.info(
-            title: '文本框 TextField',
-            onPressed: () => Get.to(ExampleTextFiled()),
-          ),
-          ASButton.info(
-            title: '刷新组件 Refresh',
-            onPressed: () => Get.to(ExampleRefresh()),
-          ),
-          ASButton.info(
-            title: '选框 Box',
-            onPressed: () => Get.to(ExampleBox()),
       ),
+      bottomNavigationBar: ASNavigationBar(
+        controller: _tabController,
+        items: [
+          BottomNavigationBarItem(icon: Icon(Icons.home), label: 'HOME'),
+          BottomNavigationBarItem(
+              icon: Icon(Icons.extension), label: 'EXTENSION'),
         ],
       ),
     );

example/lib/main_extention.dart

@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+
+class MainExtention extends StatefulWidget {
+  MainExtention({Key key}) : super(key: key);
+
+  @override
+  _MainExtentionState createState() => _MainExtentionState();
+}
+
+class _MainExtentionState extends State<MainExtention> {
+  @override
+  Widget build(BuildContext context) {
+    return ListView();
+  }
+}

example/lib/main_home.dart

@@ -0,0 +1,84 @@
+import 'package:ansu_ui/ansu_ui.dart';
+import 'package:example/example_bottom_button.dart';
+import 'package:example/example_box.dart';
+import 'package:example/example_dialog.dart';
+import 'package:example/example_drawer.dart';
+import 'package:example/example_listtile.dart';
+import 'package:example/example_refresh.dart';
+import 'package:example/example_tag.dart';
+import 'package:example/example_text_field.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import 'example_numeric_button.dart';
+import 'example_scaffold.dart';
+import 'example_button.dart';
+import 'example_tab_bar.dart';
+import 'example_picker.dart';
+import 'example_style_color.dart';
+
+class MainHome extends StatefulWidget {
+  MainHome({Key key}) : super(key: key);
+
+  @override
+  _MainHomeState createState() => _MainHomeState();
+}
+
+class _MainHomeState extends State<MainHome> {
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      padding: EdgeInsets.all(16.w),
+      children: [
+        Image.asset('assets/logo.webp', height: 50),
+        SizedBox(height: 16.w),
+        ASButton.info(
+            title: '颜色 Style Color',
+            onPressed: () => Get.to(ExampleStyleColor())),
+        ASButton.info(
+            title: '按钮 Button', onPressed: () => Get.to(ExampleButton())),
+        ASButton.info(
+            title: '框架 Scaffold', onPressed: () => Get.to(ExampleScaffold())),
+        ASButton.info(
+            title: '选项卡 Tabbar', onPressed: () => Get.to(ExampleTabBar())),
+        ASButton.info(
+            title: '数量选择器NumericButton',
+            onPressed: () => Get.to(ExampleNumericButton())),
+        ASButton.info(
+            title: '选择器 Pickers', onPressed: () => Get.to(ExamplePicker())),
+        ASButton.info(
+          title: '底部按钮 BottomButton',
+          onPressed: () => Get.to(ExampleBottomButton()),
+        ),
+        ASButton.info(
+          title: '标签 TAG',
+          onPressed: () => Get.to(ExampleTag()),
+        ),
+        ASButton.info(
+          title: '抽屉 DRAWER',
+          onPressed: () => Get.to(ExampleDrawer()),
+        ),
+        ASButton.info(
+          title: '对话框 Dialog',
+          onPressed: () => Get.to(ExampleDialog()),
+        ),
+        ASButton.info(
+          title: '列表内容项 ListTile',
+          onPressed: () => Get.to(ExampleListTile()),
+        ),
+        ASButton.info(
+          title: '文本框 TextField',
+          onPressed: () => Get.to(ExampleTextFiled()),
+        ),
+        ASButton.info(
+          title: '刷新组件 Refresh',
+          onPressed: () => Get.to(ExampleRefresh()),
+        ),
+        ASButton.info(
+          title: '选框 Box',
+          onPressed: () => Get.to(ExampleBox()),
+        ),
+      ],
+    );
+  }
+}

lib/ansu_ui.dart

@@ -9,7 +9,11 @@ export 'buttons/as_gradientbutton.dart';
 export 'scaffold/as_scaffold.dart';
 
 export 'styles/as_colors.dart';
+
 export 'bar/as_tabbar.dart';
+export 'bar/as_navigation_bar.dart';
+export 'bar/as_navigation_item.dart';
+
 export 'drawer/as_drawer.dart';
 export 'pickers/as_date_picker.dart';
 export 'pickers/as_picker_box.dart';

lib/bar/as_navigation_bar.dart

@@ -0,0 +1,47 @@
+import 'package:ansu_ui/styles/as_colors.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class ASNavigationBar extends StatefulWidget {
+  final List<BottomNavigationBarItem> items;
+  final TabController controller;
+  ASNavigationBar({Key key, @required this.items, this.controller})
+      : super(key: key);
+
+  @override
+  _ASNavigationBarState createState() => _ASNavigationBarState();
+}
+
+class _ASNavigationBarState extends State<ASNavigationBar> {
+  int _currentIndex = 0;
+  updateBar() => setState(() => _currentIndex = widget.controller.index);
+
+  @override
+  void initState() {
+    super.initState();
+    widget.controller.addListener(updateBar);
+  }
+
+  @override
+  void dispose() {
+    widget.controller.removeListener(updateBar);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BottomNavigationBar(
+      items: widget.items,
+      elevation: 0,
+      backgroundColor: kBackgroundColor,
+      type: BottomNavigationBarType.fixed,
+      currentIndex: _currentIndex,
+      selectedLabelStyle: TextStyle(fontSize: 12.sp),
+      unselectedLabelStyle: TextStyle(fontSize: 12.sp),
+      selectedItemColor: kTextColor,
+      unselectedItemColor: kTextSubColor,
+      onTap: (index) =>
+          widget.controller.animateTo(index, curve: Curves.easeInOutCubic),
+    );
+  }
+}

lib/bar/as_navigation_item.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+BottomNavigationBarItem asNavigationItem(
+    String path1, String path2, String title) {
+  return BottomNavigationBarItem(
+    icon: Image.asset(
+      path1,
+      height: 24.w,
+      width: 24.w,
+    ),
+    activeIcon: Image.asset(
+      path2,
+      height: 24.w,
+      width: 24.w,
+    ),
+    label: title,
+  );
+}