Flutter 之 Sliver 系列控件

SliverAppBar 控件，一個 MD 的 AppBar 。屬性和 AppBar 類似，但做的效果比 AppBar 更加強大。相同的屬性具體可以看 Flutter 之 Scaffold 控件 ， 里面有 AppBar 控件的介紹。那么還有些沒有的屬性：

成都創(chuàng)新互聯(lián)公司是專業(yè)的張家界網站建設公司，張家界接單;提供網站制作、成都網站制作,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行張家界網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

結合 elevation 使用，當elevation 不為 0 的時候，是否顯示陰影

AppBar 展開時候的高度

true 的時候下滑AppBar優(yōu)先滑動展示，展示完成后才給滑動控件滑動

snap 為 true, 則 floating 也要為 true 。true 的時候根據手指松開的位置展開或者收縮AppBar

appBar 收縮到最小高度的時候 appBar 是否可見

SliverAppBar 往往做為 CustomScrollView 的第一個子元素，根據滾動控件的偏移量或者浮動的位置來改變 SliverAppBar 的高度。所以具體用法如下

另外在上面設計到 FlexibleSpaceBar 控件，FlexibleSpaceBar 有個 collapseMode 屬性

為 Sliver 系列控件添加一個 padding 。如給上面 SliverAppBar 添加一個 Padding 。

多行多列的列表控件，相當于 Android 的 GridView，有兩個屬性

SliverChildDelegate，這里有兩種方式創(chuàng)建

SliverGridDelegate，也是有兩種方式創(chuàng)建

結合上面展示效果

和上面 delegate 屬性一樣，需要創(chuàng)建一個 SliverChildDelegate 。

比 SliverList 多一個 itemExtent 屬性，設置 item 的高度 。item 里面的子控件無法再改動高度。

上面 SliverAppBar 就是結合 SliverPersistentHeader 實現的效果，SliverPersistentHeader 需要一個 SliverPersistentHeaderDelegate 。 實現 SliverPersistentHeaderDelegate 有 4 個方法需要重寫

至于效果，具體效果具體分析。

有一個 Widget 屬性，主要作用是在 CustomScrollView 里面添加多種不同布局的樣式。

占滿一屏或者比一屏更多的布局，

滑動剩余部分展示的布局

Flutter - 顯示/隱藏控件的幾種方法

實際效果，不會占位，隱藏時 TestWidget 不會加載，可 else 一個占位(則會加載占位的組件)

實際效果，會占位，顯示隱藏TestWidget都會加載

實際效果，不會占位，顯示隱藏TestWidget都會加載

實際效果，可選擇是否占位，不占位，隱藏時TestWidget不會加載，占位，顯示隱藏TestWidget都會加載

Visibility 選擇占位時，隱藏 TestWidget

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

1、單一樣式的文本 Text

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

1、控件樣式定制

Flutter初學 —— 常用控件使用

在編寫幾個 Flutter 項目后，發(fā)現 Flutter 的強大之處在于業(yè)務中所有用到的控件以及場景都有對應的處理方案；而 Dart 語言也與 Java 、 Kotlin 類似，所以對 Android 開發(fā)者來說門檻非常低；特意記錄一下常用的控件及其使用：

StatelessWidget 不需要額外的創(chuàng)建 State

StatefulWidget 創(chuàng)建 State 類，并可以在其中保存一些狀態(tài)

only 可以單獨設置每個方向的內邊距

類似于 LinearLayout 中的 orientation 設置為 vertical ， mainAxisAlignment 表示豎向的一個對齊方式， crossAxisAlignment 表示橫向的對齊方式

與 Column 相反，主軸是橫向，對齊方式類似， crossAxisAlignment 表示豎向的對齊方式

類似 SizedBox ，一個容器，但是主要功能是有一個 decoration —— 裝飾器，作用是繪制背景，或者使用 item 中的陰影

棧，先入后出，類似于 Android 上的 FrameLayout

通常配合 Stack 使用，固定顯示在某一個位置

配合多 child 使用，會填充剩余的空間

Image 功能強大，使用不同的方法可以加載不同來源的圖片

看到這些方法，突然覺得 Flutter 太香了，而且 Image 可以配置 clip 等裁剪出不同形狀的圖片，無論是圓形還是五角星都不在話下，然而 Android 要實現不規(guī)則的形狀，可是要下不少功夫的。

名字和 Android 的一模一樣，但是用法卻比 Android 的簡單很多：

主要就是 itemCount 與 itemBuilder ,其余就是配置樣式， itemBuilder 需要返回一個 widget ，當然了，每個 ListView 都有其對應的 item ，在里面的方法中編寫 widget 即可

與 ListView 類似，但是需要有一個 delegate 類，作用是設置有多少列，每一列之間的間距是多少

GridView 沒有 build ， children 表示所有的子 view

最常用的控件之一，有非常多的樣式， Flutter 中通常是使用裝飾器來處理控件的，如背景使用 BoxDecoration , TextFiled 使用 InputDecoration ; 使用如下