6.1.material.dart
设计语言设计规范，颜色文字排版等，可以用来创建界面
2.runApp，加载应用
child，子部件
3.class NAME extends XXXX
NAME 继承 XXXX
class Appextends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return null;
}
}
Widget 返回值类型
override 覆盖父类里build的方法
4.当函数只有一个返回结果的时候可以简写成一行
void main(){
runApp(
App()
);
}
void mian() => runApp(App());
5，修改部件属性
test有个style属性在TextStyle下设置属性
class Appextends StatelessWidget{
@override
Widgetbuild(BuildContext context) {
// TODO: implement build
return Center(
child:Text(
'hello',
textDirection: TextDirection.ltr,
style:TextStyle(
fontSize:40,
fontWeight: FontWeight.bold,
color: Colors.yellow,
),
),
);
}
}
6.MaterialApp：使用界面组件与定制界面主题
home属性设置默认首页
Scaffold是Material常用的页面组件
elevation bar阴影
body设置页面主体
theme:ThemeData(
) 设置主题
primarySwatch:主题颜色
class Appextends StatelessWidget{
@override
Widgetbuild(BuildContext context) {
// TODO: implement build
return MaterialApp(
home:Scaffold(
appBar:AppBar(
title:Text('helloflutter'),
elevation:4.0,
),
body:hello(),
),
theme:ThemeData(
primarySwatch: Colors.yellow,
),
);
}
}
class helloextends StatelessWidget{
@override
Widgetbuild(BuildContext context) {
// TODO: implement build
return Center(
child:Text(
'hello',
textDirection: TextDirection.ltr,
style:TextStyle(
fontSize:40,
fontWeight: FontWeight.bold,
color: Colors.black27,
),
),
);;
}
}
网友评论