在flutter
中,可以使用decoratedbox
來給子元件進行裝飾,比如:背景、邊框、漸變等等。decoratedbox
的定義:
const decoratedbox()
background
—— 表示背景裝飾
foreground
—— 表示前景裝飾
通過會直接使用boxdecoration
類來實現裝飾元素的繪製,它是decoration
的子類。定義:
boxdecoration()
示例:
class constrainedwidget extends statelesswidget
}
執行的結果就是乙個自定義的按鈕。 Flutter 基礎篇(十一) 布局元件
布局元件是指包含乙個或多個子元件的元件,不同的布局元件對子元件的排列方式不同。在前面的文章有提到,element樹才是最終的繪製樹,它是由widget樹來建立的,widget只是element的配置資料。在flutter中,根據widget是否需要包含子節點將widget分為三類,分別對應三種ele...
Flutter 基礎篇(五) Text 元件
text元件用於顯示簡單樣式文字,它包含一些控制文字顯示的屬性。其中,它有乙個必須的引數,就是文字字串。void main override widget build buildcontext context 執行結果,在螢幕 顯示了jonas。除此以外,常用的屬性還有 textalign.left...
Flutter 基礎篇(十三) 彈性布局
彈性布局,不是flutter特有的一種布局方式,在前端的各個領域中都存在,比如瀏覽器端通過flex來實現彈性布局。在flutter中,主要通過flex和expanded來實現彈性布局。flex元件可以沿著水平或垂直方向排列的子元件,如果你明確了主軸的方向,那麼更加應該使用row或column來代替f...