Flutter Column 與Row

一,Column 屬性值

MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,//主軸方向

MainAxisSize mainAxisSize = MainAxisSize.max,//最大容量

CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,//與主軸交叉方向

TextDirection textDirection,//水平方向

VerticalDirection verticalDirection = VerticalDirection.down,//縱軸方向

TextBaseline textBaseline,//基線

豎著排版,mainAxisAlignment是與verticalDirection結(jié)合的。?crossAxisAlignment與textDirection 結(jié)合

例如mainAxisAlignment:MainAxisAlignment.start,?verticalDirection:VerticalDirection.down,(主軸開(kāi)始方向開(kāi)始且排版順序是從上往下排)


mainAxisAlignment:MainAxisAlignment.end,verticalDirection:VerticalDirection.down(主軸結(jié)尾方向開(kāi)始且排版順序是從上往下排))


mainAxisAlignment:MainAxisAlignment.start, crossAxisAlignment:CrossAxisAlignment.start,textDirection:TextDirection.ltr,verticalDirection:VerticalDirection.down,mainAxisSize:MainAxisSize.max,(主軸開(kāi)始方向且從上往下,左右從左開(kāi)始)


mainAxisAlignment:MainAxisAlignment.start, crossAxisAlignment:CrossAxisAlignment.start,textDirection:TextDirection.rtl,verticalDirection:VerticalDirection.down,mainAxisSize:MainAxisSize.max,(主軸開(kāi)始方向且從上往下,左右從右開(kāi)始)


其實(shí)row與column 是相反的,在這就不一一介紹了,注意mainAxisSize:MainAxisSize.max 必須設(shè)最大

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 瞎扯 今天年會(huì),回家比較晚,隨便寫寫咯 這兩個(gè)東西,前端的可能一看就懂,android不一定知道 Column 其...
    Jlanglang閱讀 292評(píng)論 1 2
  • 線性布局Row和Column 所謂線性布局,即指沿水平或垂直方向排布子Widget。Flutter中通過(guò)Row和C...
    CQ_TYL閱讀 3,493評(píng)論 0 4
  • 本文主要介紹Flutter布局中的Row、Column控件,詳細(xì)介紹了其布局行為以及使用場(chǎng)景,并對(duì)源碼進(jìn)行了分析。...
    Q吹個(gè)大氣球Q閱讀 80,038評(píng)論 6 41
  • 一般而言,一個(gè)靜態(tài)web頁(yè)面的呈現(xiàn)需要通過(guò)html和css配合實(shí)現(xiàn)。html相當(dāng)于頁(yè)面的骨架,規(guī)定了文檔的結(jié)構(gòu)。c...
    夏木與晴空閱讀 1,151評(píng)論 0 3
  • 一、css的布局模式 css2.1中定義了四種布局模式,由一個(gè)盒與其兄弟、祖先盒的關(guān)系決定其尺寸與位置的算法。 塊...
    LemonnYan閱讀 1,180評(píng)論 0 1

友情鏈接更多精彩內(nèi)容