Container容器、Scaffold、TabBar、剪裁学习代码提交

lib/liangjialin/liangjialin.dart

 import 'package:flutter/material.dart';
 import 'package:flutterpro/liangjialin/liangjialin_container.dart';
+import 'package:flutterpro/liangjialin/liangjialin_router_widget.dart';
 
 import 'liangjialin_image.dart';
 import 'liangjialin_image_local.dart';
@@ -55,6 +56,17 @@ class LiangjialinHome extends StatelessWidget {
                     ));
               },
               child: Text("Scaffold、Container、padding演示"),
+            ),RaisedButton(
+              color: Theme.of(context).primaryColor,
+              textColor: Colors.white,
+              onPressed: () {
+                Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => liangjialin_router_widget(),
+                    ));
+              },
+              child: Text("底部导航、TabBar演示"),
             ),
           ],
         ),

lib/liangjialin/liangjialin_router_widget.dart

+import 'package:flutter/material.dart';
+import 'package:oktoast/oktoast.dart';
+
+class liangjialin_router_widget extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+      appBar: AppBar(
+        title: Text("底部导航、TabBar演示"),
+        centerTitle: true,
+        actions: <Widget>[
+          //导航栏右侧菜单
+          IconButton(
+              icon: Icon(Icons.four_k),
+              onPressed: () {
+                showDialog(
+                  context: context,
+                  builder: (ctx) {
+                    return Center(
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: <Widget>[
+                          buildButton("分享到QQ", () {
+                            showToast("已分享至QQ");
+                            Navigator.pop(context, false); //关闭Dialog
+                          }),
+                          buildButton("分享到微信", () {
+                            showToast("已分享至微信");
+                            Navigator.pop(context, false); //关闭Dialog
+                          }),
+                        ],
+                      ),
+                    );
+                  },
+                );
+              }), // 新增分享按钮
+        ],
+      ),
+      drawer: MyDrawer(),
+      body: ImageDemoSection(),
+    );
+  }
+}
+
+class ImageDemoSection extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return new Center(
+        child: new Container(
+//      transform: Matrix4.skewY(0.3),
+      padding: EdgeInsets.all(50),
+      width: 300,
+      height: 300,
+      decoration: BoxDecoration(
+        color: Colors.red,
+      ),
+      child: new Text(
+        "左上角是抽屉菜单，右上角是分享菜单，点点试试。",
+        textAlign: TextAlign.center,
+        style: TextStyle(
+          fontSize: 20,
+          color: Colors.white
+        ),
+      ),
+    ));
+  }
+}
+
+Widget buildButton(
+  String text,
+  Function onPressed, {
+  Color color = Colors.white,
+}) {
+  return FlatButton(
+    color: color,
+    child: Text(text),
+    onPressed: onPressed,
+  );
+}
+
+class MyDrawer extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return new Drawer(
+        child: new Container(
+          padding: EdgeInsets.fromLTRB(0, 150, 0, 0),
+          child: new Column(
+            children: <Widget>[
+              new RaisedButton(
+                onPressed: (){
+                  showToast("选项一");
+                  Navigator.pop(context);
+                },
+                child: new Text(
+                  "选项一",
+                  style: TextStyle(
+                    color: Colors.white,
+                  ),
+                ),
+                color: Colors.blue,
+              ),new RaisedButton(
+                onPressed: (){
+                  showToast("选项二");
+                  Navigator.pop(context);
+                },
+                child: new Text(
+                  "选项二",
+                  style: TextStyle(
+                    color: Colors.white,
+                  ),
+                ),
+                color: Colors.blue,
+              ),
+            ],
+          ),
+        )
+    );
+  }
+}

lib/main.dart

 import 'package:flutter/material.dart';
 import 'package:flutterpro/router_path.dart';
 import 'package:flutterpro/yangjunlei/yangjunlei.dart';
+import 'package:oktoast/oktoast.dart';
 
 import 'dingbaojie/FirstDay/DbjMain.dart';
 import 'jiexifeng/jiexifeng.dart';
@@ -14,14 +15,16 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     // TODO: implement build
-    return new MaterialApp(
+    return OKToast(
+        child:new MaterialApp(
           home: new Scaffold(
             appBar: AppBar(
               title: Text("原生开发组Flutter学习成果展示"),
             ),
             body: MyAppBody(),
           ),
-      routes: Router.generateRoute(),
+          routes: RouterPath.generateRoute(),
+        ),
     );
   }
 }
@@ -75,11 +78,10 @@ class MyAppBody extends StatelessWidget {
               color: Theme.of(context).primaryColor,
               textColor: Colors.white,
               onPressed: () {
-                Navigator.push(
-                    context,
-                    MaterialPageRoute(
-                      builder: (context) => liangjialin(),
-                    ));
+                Navigator.pushNamed(context, RouterName.liangjialin,arguments: <String, String>{
+                  'city': 'Berlin',
+                  'country': 'Germany',
+                });
               },
               child: Text("梁佳霖"),
             ),

lib/router_path.dart

 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutterpro/liangjialin/liangjialin_container.dart';
+import 'package:flutterpro/liangjialin/liangjialin_router_widget.dart';
 import 'package:flutterpro/yangjunlei/yangjunlei.dart';
 
 import 'dingbaojie/FirstDay/PaddingDemo.dart';
@@ -17,9 +18,10 @@ class RouterName {
   static const String image_liangjialin = 'liangjialin/image';
   static const String image_liangjialin_local = 'liangjialin/image_local';
   static const String liangjialin_container = 'liangjialin/container';
+  static const String liangjialin_router_widget = 'liangjialin/liangjialin_router_widget';
 }
 
-class Router {
+class RouterPath {
   static Map<String, WidgetBuilder> generateRoute() {
     Map<String, WidgetBuilder> routes = {
       RouterName.dingbaojie: (context) => new PaddingDemo(),
@@ -29,6 +31,7 @@ class Router {
       RouterName.image_liangjialin: (context) => new liangjialin_image(),
       RouterName.image_liangjialin_local: (context) => new liangjialin_image_local(),
       RouterName.liangjialin_container: (context) => new liangjialin_container(),
+      RouterName.liangjialin_router_widget: (context) => new liangjialin_router_widget(),
     };
     return routes;
   }

pubspec.lock

@@ -95,6 +95,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.1.8"
+  oktoast:
+    dependency: "direct main"
+    description:
+      name: oktoast
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.1+1"
   path:
     dependency: transitive
     description:
@@ -193,3 +200,4 @@ packages:
     version: "3.5.0"
 sdks:
   dart: ">=2.4.0 <3.0.0"
+  flutter: ">=0.3.0 <2.0.0"

pubspec.yaml

@@ -19,6 +19,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  oktoast: ^2.1.7
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.