自定義類(lèi)方法實(shí)現(xiàn)和視圖控制器的加載與顯示:
void main() => runApp(App());
class MyWidget extends StatelessWidget{
//渲染界面 build
@override
//自定義屬性 字體顏色 字號(hào) 字體加粗呀
final _textStyle = TextStyle(color: Colors.red,
fontSize: 40,
fontWeight: FontWeight.bold);
Widget build(BuildContext context) {
// TODO: implement build
return Center(
child: Text(
'Hello Flutter',textDirection: TextDirection.ltr,
style: _textStyle,
),
);
}
}
//定義一個(gè)類(lèi)方法
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
//理解為視圖控制器容器
return MaterialApp(
//home屬性
home:MyWidget() ,
);
}
}
這里說(shuō)個(gè)構(gòu)造自定義類(lèi)的小技巧 直接輸入stl,或者stf，系統(tǒng)會(huì)自動(dòng)生成構(gòu)造方法：
stl:
class (這里寫(xiě)你的類(lèi)名) extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container();
}
}
stf:
class (這里寫(xiě)你的類(lèi)名) extends StatefulWidget {
@override
_State createState() => _State();
}
class _State extends State<> {
@override
Widget build(BuildContext context) {
return Container();
}
}
下面我們自定義一個(gè)我們最常見(jiàn)的視圖控制器帶導(dǎo)航條的視圖控制器：
void main() => runApp(App());
//一個(gè)Widget就是一個(gè)類(lèi)
class MyWidget extends StatelessWidget{...}
//定義一個(gè)類(lèi)方法
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
//理解為視圖控制器容器
return MaterialApp(
//home屬性 帶導(dǎo)航條導(dǎo)航控制器
home:Scaffold(
//熟悉的感覺(jué)（navgationBar）
appBar: AppBar(
title: Text('Flutter demo'),
),
body: MyWidget(),
) ,
//修改導(dǎo)航條顏色
theme: ThemeData(
primaryColor: Colors.red
),
);
}
}
上面看有省略號(hào)的方法邓厕，有個(gè)快速縮放的快捷鍵：command -;選擇你需要在大括號(hào)那里使用就行了；
