flutter_經(jīng)典控件(一):文本、圖片和按鈕在Flutter中怎么用?

1、單一樣式的文本 Text

巴中網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

2、多種混合樣式的文本 Text.rich

1、控件樣式定制

Flutter Button（按鈕）

在 Flutter 里有很多的 Button，包括了：MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。

一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。

MaterialButton 是一個 Materia 風格的按鈕。

一般來說，如果需要點擊事件，就要嵌套一個 Button，因為 Container、Text 等組件都沒有點擊事件。

RaisedButton 與 MaterialButton 類似。

FlatButton 與 MaterialButton 類似，不同的是它是透明背景的。如果一個 Container 想要點擊事件時，可以使用 FlatButton 包裹，而不是 MaterialButton。因為 MaterialButton 默認帶背景，而 FlatButton 默認不帶背景。

IconButton 顧名思義就是 Icon + Button 的復(fù)合體，當某個 Icon 需要點擊事件時，使用 IconButton 最好不過。

其外，還有已經(jīng)定義好的 Icon Button：CloseButton、BackButton。他們都有導航返回的能力。

FloatingActionButton 是一個浮動在頁面右下角的浮動按鈕。

在 Scaffold 里使用的時候，它是一個浮動狀態(tài)的按鈕，在其他地方使用，就不會浮動了。

ButtonBar 是一個布局組件，可以讓 Button 排列在一行。

【Flutter】按鈕與文本（三）

此控件比較簡單，按鈕的功能可劃分為UI樣式與事件回調(diào)

這里將幾種不同的按鈕一起運行，做下對比動圖如下：

這里對五種按鈕進行column居中排列如下

Text用于顯示簡單樣式文本，它包含一些控制文本顯示樣式的一些屬性。

TextStyle用于指定文本顯示的樣式如顏色、字體、粗細、背景等。

TextStyle更多屬性設(shè)置如下：

如果我們需要對一個Text內(nèi)容的不同部分按照不同的樣式顯示，即富文本，這時就可以使用TextSpan，它代表文本的一個“片段”。

如上述，我們當然也可以在上述鏈接上添加手勢事件，后續(xù)會提到。

在widget樹中，文本的樣式默認是可以被繼承的，因此，如果在widget樹的某一個節(jié)點處設(shè)置一個默認的文本樣式，那么該節(jié)點的子樹中所有文本都會默認使用這個樣式，而DefaultTextStyle正是用于設(shè)置默認文本樣式的。

舉例如下：

Flutter開發(fā)之Android物理按鍵返回

在flutter開發(fā)過程中，發(fā)現(xiàn)Android手機在App首頁點擊物理返回按鈕時，App會退出并且再次點開App時會重新啟動，這代表了上次的退出直接殺死了App,和我們平常的退到手機桌面不同，所以開發(fā)了一個單獨插件來處理這種情況。

使用步驟如下：

1、pubspec.yaml文件中引入依賴

2、引用插件

3、使用插件來退出App到桌面，并且保持App后臺運行

可根據(jù)實際情況在_onWillPop方法中處理相關(guān)邏輯，比如連續(xù)兩次點擊物理返回按鈕才退出到桌面等。