first commit

滴滴淘/ddt_flutter/lib/view/components/BottomNavigationWidget.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_app/config/index.dart';
+import 'package:fancy_bottom_navigation/fancy_bottom_navigation.dart';
+
+import 'package:flutter_app/view/page/home.dart';
+import 'package:flutter_app/view/page/style.dart';
+import 'package:flutter_app/view/page/like.dart';
+import 'package:flutter_app/view/page/about.dart';
+import 'package:flutter_app/view/page/login.dart';
+
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+
+class BottomNavigationWidget extends StatefulWidget {
+  _BottomNavigationWidgetState createState() => _BottomNavigationWidgetState();
+}
+
+
+class _BottomNavigationWidgetState extends State<BottomNavigationWidget> {
+
+  int _currentIndex = 0;
+  var _currentPage;
+
+  final List<Widget> tabBodies = [
+    Login(),
+    Home(),
+    Style(),
+    Like(),
+    About(),
+  ];
+
+  @override
+  void initState() {
+    _currentPage = tabBodies[_currentIndex];
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // 适配屏幕尺寸
+    ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
+    return Scaffold(
+      body: new IndexedStack(
+        index: _currentIndex,
+        children: tabBodies,
+      ),
+      bottomNavigationBar: FancyBottomNavigation(
+        tabs: [
+          TabData(iconData: Icons.home, title: "首页"),
+          TabData(iconData: Icons.view_module, title: "分类"),
+          TabData(iconData: Icons.favorite, title: "喜欢"),
+          TabData(iconData: Icons.pperson, title: "我的")
+        ],
+        onTabChangedListener: (position) {
+          setState(() {
+            _currentIndex = position;
+            _currentPage = tabBodies[_currentIndex];
+          });
+        },
+      ),
+    );
+  }
+
+  Icon getTabIcon(int index) {
+    if (index == _currentIndex) {
+      return Config.tabSelectedImages[index];
+    } else {
+      return Config.tabImages[index];
+    }
+  }
+}