使用Android Studio創(chuàng)建的默認(rèn)Flutter工程主要代碼在lib文件夾下的main.dart文件中，本文主要對(duì)該文件進(jìn)行一個(gè)講解。

main.dart文件可以認(rèn)為是Flutter工程的入口文件，文件頂部import 'package:flutter/material.dart';(即引入了一個(gè)dart文件，該文件包含runApp()方法、StatelessWidget無(wú)狀態(tài)控件--Application被認(rèn)為是一個(gè)無(wú)狀態(tài)控件、StatefulWidget有狀態(tài)控件--Activity中如果有UI交互，則被認(rèn)為是一個(gè)有狀態(tài)控件、Widget控件統(tǒng)稱(chēng)、Scaffold你可以認(rèn)為是一個(gè)頁(yè)面控件等等，提供了基礎(chǔ)的接口供開(kāi)發(fā)者使用)

runApp()顧名思義是啟動(dòng)Application程序的入口。

MyApp就是Application類(lèi)，它集成自StatelessWidget，是一個(gè)無(wú)狀態(tài)控件。StatelessWidget類(lèi)需要重寫(xiě)build方法，返回類(lèi)型是Widget。這里多說(shuō)一句，Flutter中不論Application、Activity還是其他的控件，一律都是Widget的子類(lèi)，Widget貫穿Flutter的始終。

重寫(xiě)后返回一個(gè)MaterialApp，它就是一個(gè)代Material風(fēng)格的App，Material是一種風(fēng)格(該風(fēng)格可以百度)，title: 'Flutter Demo', 指定app的title是Flutter Demo，切到多任務(wù)后可以看到。

這里需要多說(shuō)一句，Flutter指定參數(shù)時(shí)，是參數(shù)名:參數(shù)值的形式。按住ctrl查看，發(fā)現(xiàn)title是定義在app.dart中的參數(shù)。問(wèn)：這樣指定參數(shù)有什么好處？答：指定多個(gè)參數(shù)時(shí)的順序可以很隨意。

然后是主題theme: ThemeData(

primarySwatch: Colors.blue,

),這里是創(chuàng)建了一個(gè)ThemeData的對(duì)象。你可能會(huì)問(wèn)沒(méi)有new關(guān)鍵字啊？是的，Flutter中可以省掉new關(guān)鍵字。這里創(chuàng)建了一個(gè)ThemeData，查看源碼可以知道ThemeData定義在theme_data.dart文件中，通過(guò)ThemeData的屬性可以定義主題。這里指定主題色是藍(lán)色，狀態(tài)欄是藍(lán)色。、

然后是 home: MyHomePage(title: 'Flutter Demo Home Page'),參數(shù)home是一個(gè)Widget，定義在app.dart中，它是指定首頁(yè)面，可以理解為MainActivity。MyHomePage是自定義的類(lèi)，它繼承自StatefulWidget，是一個(gè)有狀態(tài)的控件(點(diǎn)擊按鈕改變頁(yè)面文本內(nèi)容)。

查看MyHomePage類(lèi)，它的構(gòu)造方法有一個(gè)Key和一個(gè)title( MyHomePage({Key key, this.title}) : super(key: key);

)，(這里我有一個(gè)疑問(wèn)，是它構(gòu)造方法參數(shù)的寫(xiě)法，有點(diǎn)不明白title為什么是這樣，如果看到的你知道原因，希望告訴我一下，謝謝了。)它顯示調(diào)用父類(lèi)的構(gòu)造方法super(key: key);(這里也不知道為什么是這樣的寫(xiě)法，同問(wèn))。接著向下看，定義了一個(gè)title標(biāo)題， final String title; 然后重寫(xiě)了StatefulWidget類(lèi)里的createState()方法，點(diǎn)進(jìn)可以發(fā)現(xiàn)該方法返回一個(gè)State類(lèi)型。這里Flutter的寫(xiě)法@override

_MyHomePageState createState() => _MyHomePageState(); 是dart的箭頭方法。

MyHomePageState是自定義類(lèi)，它的類(lèi)聲明class MyHomePageState extends State {

可以看出是繼承自State，<>里的MyHomePage是作用在MyHomePage上，即MainActivity主頁(yè)面。看他人文章說(shuō)，下劃線代表private私有的意思，那我這里也這么認(rèn)為好了。里面有一個(gè)私有的count屬性 int _counter = 0; 有一個(gè)私有的計(jì)數(shù)+1方法void _incrementCounter() {

setState(() {

_counter++;

});

}，這個(gè)setState()方法是framework.dart中的類(lèi)State的方法，參數(shù)是一個(gè)方法，復(fù)制過(guò)來(lái)看下@protected

void setState(VoidCallback fn) {，是一個(gè)VoidCallback fn，理解為傳遞一個(gè)方法進(jìn)來(lái)。執(zhí)行的操作是counter++計(jì)數(shù)加一。重寫(xiě)了State的build方法 Widget build(BuildContext context) {，返回一個(gè)Widget控件。@override

Widget build(BuildContext context) {

return Scaffold(，我查了一下Scaffold意思是腳手架，這里我傾向于認(rèn)為組成MainActivity的布局。

return Scaffold(

appBar: AppBar(

title: Text(widget.title),

),

body: Center(

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: [

Text(

'You have pushed the button this many times:',

),

],

),

),

floatingActionButton: FloatingActionButton(

onPressed: _incrementCounter,

tooltip: 'Increment',

child: Icon(Icons.add),

),

);

我把注釋刪掉了，發(fā)現(xiàn)代碼行數(shù)還是很長(zhǎng)，沒(méi)辦法，Flutter語(yǔ)法就是這樣，犧牲長(zhǎng)度換來(lái)更好的可理解性。

里面定義了AppBar，指定了title。定義了body，指定了children數(shù)組，是兩個(gè)文本Text組件。 '$_counter',這樣可以取得計(jì)數(shù)的數(shù)值，是一種更簡(jiǎn)單的寫(xiě)法。還定義了一個(gè)按鈕，點(diǎn)擊時(shí)執(zhí)行技術(shù)+1onPressed: _incrementCounter,

到這里，main.dart的主要代碼就講完了。我是跟著他人的講解，一點(diǎn)點(diǎn)敲得。敲的時(shí)候還是發(fā)現(xiàn)了很多的問(wèn)題，自己也慢慢的理解和加深印象。大家如果要學(xué)的話，建議也是一點(diǎn)點(diǎn)敲出來(lái)，相信這樣也會(huì)理解很多東西。

總結(jié)

以上是生活随笔為你收集整理的flutter生成源代码_Flutter创建工程的主要代码详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。