flutter 頁面的生命周期（轉(zhuǎn)）

轉(zhuǎn)自

網(wǎng)站的建設(shè)創(chuàng)新互聯(lián)公司專注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為成都食品包裝袋等企業(yè)提供專業(yè)服務(wù)。

在 Flutter 中，有兩類常用的 Widget：

在開發(fā)過程中，我們經(jīng)常需要繼承它們兩來實(shí)現(xiàn)自己的 Widget。

一個(gè) StatelessWidget 是不能被改變的，比如： Icon 、 Text 等。

如果你的控件一旦顯示，就不需要再做任何的變更，那么你應(yīng)該使用 StatelessWidget 。

實(shí)現(xiàn)一個(gè)自己的 StatelessWidget 很簡(jiǎn)單。

當(dāng)你看到下面這個(gè)例子?時(shí)，你就知道它有多簡(jiǎn)單了。

看，只要在 build() 中返回你的視圖就可以了。

一個(gè) StatefulWidget 是有狀態(tài)的，可變的。

它可以改變自己的外觀，以響應(yīng)用戶的操作或者數(shù)據(jù)的變化。

比如： CheckBox 、 Switch ..

我們之所以能夠改變一個(gè) StatefulWidget ，是因?yàn)樗幸粋€(gè)設(shè)置狀態(tài)的函數(shù)：

調(diào)用這個(gè)函數(shù)后，就會(huì)觸發(fā) StatefulWidget 的視圖樹重建。

因此，當(dāng)我們需要一個(gè)可交互的，即能根據(jù)用戶操作或數(shù)據(jù)變化而改變視圖的 Widget 時(shí)，那就得用上 StatelessWidget 了。

現(xiàn)在，來創(chuàng)建一個(gè)自定義的 StatefulWidget：

從上面的例子中可以看到， StatefulWidget 會(huì)要求提供一個(gè)含有視圖樹的 State 。

既然 State 能夠控制一個(gè)視圖的狀態(tài)，那它肯定會(huì)有一系列的生命周期。

上圖就是 State 的生命周期圖。

做混合的話Uniapp和Flutter我應(yīng)該學(xué)哪個(gè)??？

Uniapp目前比較成熟，而且用的是Vue語法，學(xué)習(xí)成本比較低，而且行業(yè)里面用的也比較廣泛，而Flutter的話，學(xué)習(xí)成本略高，因?yàn)橐獙W(xué)習(xí)新的語言，還有就是目前生態(tài)不是特別完備，等他再發(fā)展發(fā)展吧。黑馬程序員官網(wǎng)有成套免費(fèi)視頻哦，有什么不懂的可以直接過去學(xué)習(xí)。您的采納是對(duì)我成長(zhǎng)的鞭策

Flutter 入門和教程導(dǎo)航

阿里巴巴為大家學(xué)習(xí)Flutter操碎了心

macos

.bash_profile

執(zhí)行 flutter doctor

CSSColors ----

some times need fix:

解決辦法用命令行:

flutter packages get