Skip to content

F
Flutter_app
提交 974179c3 作者: 杨俊磊
操作

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

上级 bae5664c 8ee3be51
正在显示 包含 159 行增加 和 13 行删除
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 0 → 100644
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(
home: new Scaffold(
appBar: AppBar(
title: Text("原生开发组Flutter学习成果展示"),
return OKToast(
child:new MaterialApp(
home: new Scaffold(
appBar: AppBar(
title: Text("原生开发组Flutter学习成果展示"),
),
body: MyAppBody(),
),
routes: RouterPath.generateRoute(),
),
body: MyAppBody(),
),
routes: Router.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.
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论