Flutter快速上手11：高級(jí)布局之表格 Table/TableRow

表格布局和線性布局比較相似，只是使用起來(lái)更簡(jiǎn)潔一些。

西峽網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,西峽網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為西峽近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的西峽做網(wǎng)站的公司定做！

本地Flutter 2.10.1，Mac版Android Studio Bumblebee | 2021.1.1 Patch 2

我是小栗子，初學(xué)Flutter ，文章會(huì)根據(jù)學(xué)習(xí)進(jìn)度不定時(shí)更新，請(qǐng)多多指教~~

flutter表單判斷是否修改

否。

1、Flutter判斷是谷歌的移動(dòng)UI框架。

2、可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶(hù)界面。

3、Flutter表單判斷可以與現(xiàn)有的代碼一起工作，是不需要進(jìn)行修改的。

Flutter圖表庫(kù)fl_chart的使用解析(二)-折線圖

附上開(kāi)發(fā)環(huán)境：

折線圖是一個(gè) Widget，和普通 Widget一樣聲明即可：

LineChart 的構(gòu)造參數(shù)是一個(gè) LineChartData，其屬性如下：

配置了三條線，所以 lineBarsData 對(duì)應(yīng)的數(shù)組有三個(gè)元素。

看下 LineChartBarData 屬性：

圖表四個(gè)方向的邊框，有總顯示開(kāi)關(guān)，決定是否顯示和隱藏所有，如果開(kāi)啟，又想隱藏個(gè)別邊框，需要設(shè)置透明色。

FlBorderData 對(duì)應(yīng)邊框信息，有兩個(gè)參數(shù)， show 就是顯示與隱藏的邊框， border 是邊框數(shù)據(jù)。

FlTitlesData 可以配置4條坐標(biāo)軸，也有一個(gè)總開(kāi)關(guān)，如果要顯示坐標(biāo)軸，就設(shè)為 true ，然后配置對(duì)應(yīng)位置的數(shù)據(jù)：

每個(gè)位置對(duì)應(yīng)的是 SideTitles ，設(shè)置如下：

標(biāo)題是顯示在坐標(biāo)軸后面的文字標(biāo)題，每個(gè)軸對(duì)應(yīng)一個(gè)。

附上源碼

Flutter 之列表和頭部 （ListView + Header）

上一篇介紹Banner的開(kāi)發(fā)。在大多數(shù)應(yīng)用場(chǎng)景中。banner和ListView通常是一起顯示的。 并且能夠共同滑動(dòng)。例如如下界面：

要實(shí)現(xiàn)上圖的界面，直接想到是ListView添加Header。但在Flutter中，ListView 組件相當(dāng)于RecyclerView，所以添加Header也用RecyclerView的原理：

封裝ListPage組件，list_page.dart

使用及測(cè)試：異步加載網(wǎng)絡(luò)數(shù)據(jù)使用

flutter 表單Form使用示例

flutter提供一套表單校驗(yàn)框架Form，可以通過(guò)Form框架一步校驗(yàn)所有表單，非常方便，比較常用的用法是Form+TextFormField。

Form繼承StatefulWidget，有一個(gè)widget 類(lèi)型的child參數(shù)，證明Form是一個(gè)容器。

Form里還有一個(gè)validate方法，如下

一般通過(guò)GlobalKey來(lái)訪問(wèn)Form中validate方法，F(xiàn)orm的validate方法用來(lái)校驗(yàn)所有Form里的FormField表單，validate方法返回值是bool類(lèi)型，返回true表示所有表單校驗(yàn)成功；返回false表示有校驗(yàn)失敗的表單；

TextFormField繼承FormField，F(xiàn)ormField后面源碼分析會(huì)講，所有Form可統(tǒng)一校驗(yàn)的表單都必須繼承FormField，可以通過(guò)FormField自定義各種各樣可校驗(yàn)表單，TextFormField只是FormField自定義表單中的一種。

表單校驗(yàn)必須實(shí)現(xiàn)的方法為validator，定義如下：

每個(gè)表單的校驗(yàn)規(guī)則都在validator里實(shí)現(xiàn)，通過(guò)返回值來(lái)判斷是否校驗(yàn)成功。

1、用Form包在所有需要校驗(yàn)的表單最外層，如下：

2、將GlobalKey傳給Form，用于調(diào)用Form里方法，如下：

3、將TextFormField傳給Form容器，如下：

4、實(shí)現(xiàn)對(duì)應(yīng)TextFormField的校驗(yàn)規(guī)則 ，如下：

5、最后調(diào)用Form校驗(yàn)所有表單方法validate，如下：

談一談 charts_flutter的折線圖表

記錄一下charts_flutter 的使用過(guò)程

1.先在pubspec.yaml添加chart包依賴(lài)

我這里使用的版本是

2.定義數(shù)據(jù)類(lèi)型

3.定義數(shù)據(jù)源

如下圖所示，下圖為兩條線同理可加兩條線