Flutter臨摹微信第一節(jié)：需求分析與項(xiàng)目基礎(chǔ)搭建(前置知識(shí)儲(chǔ)備)
????????各位同學(xué)大家好,我是《Flutter臨摹微信》視頻課程學(xué)習(xí)委員。為了讓大家快速學(xué)習(xí)《Flutter臨摹微信》這門實(shí)戰(zhàn)課程，學(xué)習(xí)委員會(huì)對(duì)每一節(jié)課中的視頻需要的知識(shí)儲(chǔ)備進(jìn)行整理，實(shí)戰(zhàn)課使用的組件、或者插件實(shí)戰(zhàn)講師會(huì)簡(jiǎn)單介紹再使用，如果你覺(jué)得你目前所掌握的知識(shí)儲(chǔ)備還是不夠，我們這邊會(huì)系統(tǒng)整理實(shí)戰(zhàn)老師講課前所用到的技術(shù)。我們也會(huì)手機(jī)學(xué)員遇到的問(wèn)題進(jìn)行統(tǒng)一整理，發(fā)送給后面學(xué)習(xí)的同學(xué)。
一、實(shí)戰(zhàn)講師創(chuàng)建項(xiàng)目
如果你本地已經(jīng)安裝了Flutter,在執(zhí)行以上命令的時(shí)候不會(huì)拋出錯(cuò)誤，當(dāng)您的命令行出現(xiàn)如下的提示時(shí)，就說(shuō)明你創(chuàng)建的項(xiàng)目已經(jīng)完成了。
二、查看Flutter環(huán)境
可能有小伙伴在執(zhí)行以上命令的時(shí)候會(huì)出現(xiàn)一下警告
這就是說(shuō)明你本機(jī)中國(guó)并沒(méi)有安裝fvm，那你接下里執(zhí)行下面的命令：
接著執(zhí)行下面的命令：
好了，你現(xiàn)在就可以繼續(xù)執(zhí)行以上的命令了：
在你執(zhí)行以上命令后會(huì)出現(xiàn)兩種情況：
情況1：
????????說(shuō)明你并沒(méi)有安裝SDK，也許你可能有這樣的疑惑，自己的機(jī)子本身就已經(jīng)安裝了SDK，是fvm找不到吧？其實(shí)不然，在fvm外部安裝的SDK是不會(huì)顯示的。
情況2:
????????顯示了SDK的版本(如果顯示的版本與實(shí)戰(zhàn)老師的版本不一致，則推薦修改為實(shí)戰(zhàn)老師的版本也就是3.7.1)
執(zhí)行以下命令查看SDK所有版本：
安裝3.7.1版本
安裝需求多長(zhǎng)時(shí)間就看你這邊的網(wǎng)速了，安裝完車后執(zhí)行：
就能夠插卡當(dāng)前版本了,
三、Text組件使用，
我們先來(lái)看一下?Text?組件的構(gòu)造方法:
構(gòu)造方法有兩個(gè)，一個(gè)是默認(rèn)的?Text?樣式，一個(gè)是現(xiàn)實(shí)豐富?Text.rich?樣式，這樣解釋大家應(yīng)該能猜得到就和?Android?中的?SpannableString?一樣，
下面來(lái)看一下?Text?組件的一些?API?：
textAlign：? ? ? ??文本對(duì)齊方式（center居中，left左對(duì)齊，right右對(duì)齊，justfy兩端對(duì)齊）
textDirection：文本方向（ltr從左至右，rtl從右至左）
softWare ：是否自動(dòng)換行（true自動(dòng)換行，false單行顯示，超出屏幕部分默認(rèn)截?cái)嗵幚恚?/p>
overflow：文字超出屏幕之后的處理方式（clip裁剪，fade漸隱，ellipsis省略號(hào)）
textScaleFactor：字體顯示倍率
maxLines：文字顯示最大行數(shù)
style：字體的樣式設(shè)置
下面是?TextStyle?的?API?：
decoration：文字裝飾線（none沒(méi)有線，lineThrough刪除線，overline上劃線，underline下劃線）
decorationColor：文字裝飾線顏色
decorationStyle：文字裝飾線風(fēng)格（[dashed,dotted]虛線，double兩根線，solid一根實(shí)線，wavy波浪線）
wordSpacing：?jiǎn)卧~間隙（如果是負(fù)值，會(huì)讓單詞變得更緊湊）
letterSpacing：字母間隙（如果是負(fù)值，會(huì)讓字母變得更緊湊）
fontStyle：文字樣式（italic斜體，normal正常體）
fontSize：文字大小
color：文字顏色
fontWeight：字體粗細(xì)（bold粗體，normal正常體）
? ? ? ? ?還有一點(diǎn)需要注意的是，在?
Flutter?中，并不是每個(gè)?Widget?都有點(diǎn)擊事件，比如?Text?就沒(méi)有，這時(shí)候你需要用一個(gè)?GestureDetector?組件包住?Text?組件，然后實(shí)現(xiàn)它里面的?onTap()?事件，詳細(xì)看下面代碼：
具體的使用就到這里....。有了這些基礎(chǔ)你可以跟實(shí)戰(zhàn)老師寫項(xiàng)目了。
