Flutter開發之基礎Widgets

2021-09-25 19:41:43 字數 588 閱讀 7522

flutter裡有乙個非常重要的核心理念:一切皆為元件,flutter的所有元素都是由控制項構成的。

與原生開發中控制項所代表的含義不同,flutter中widget的概念更加廣泛,它不僅可以表示ui元素,也可以表示一些功能性的元件,如用於手勢檢測的 gesturedetector widget、用於應用主題資料傳遞的theme等等。而原生開發中的控制項通常只是指ui元素。由於flutter主要就是用於構建使用者介面的,所以,在大多數時候,我們可以簡單的認為widget就是乙個控制項,不必糾結於概念。

在正式介紹flutter的widget之前,我們需要理清兩個概念,即什麼是widget,什麼是element?

widget的功能是「描述乙個ui元素的配置資料,它就是說,widget其實並不是表示最終繪製在裝置螢幕上的顯示元素,而只是顯示元素的乙個配置資料。實際上,flutter中真正代表螢幕上顯示元素的類是element,也就是說widget只是描述element的乙個配置。並且乙個widget可以對應多個element,這是因為同乙個widget物件可以被新增到ui樹的不同部分,而真正渲染時,ui樹的每乙個widget節點都會對應乙個element物件。所以,理解flutter的widget需要理清兩個概念:

Flutter開發之常用Widgets

flutter widget採用現代響應式框架構建,這是從 react 中獲得的靈感,中心思想是用widget構建你的ui。widget描述了他們的檢視在給定其當前配置和狀態時應該看起來像什麼。當widget的狀態發生變化時,widget會重新構建ui,flutter會對比前後變化的不同,以確定底層...

Flutter基礎元件之文字

flutter基礎元件之文字 1 text text用於顯示簡單樣式文字,它包含一些控制文字顯示樣式的一些屬性。示例 如下 column children text hello world textalign textalign.left,text hello world i m jack.4,ma...

Flutter開發的坑

現象flutter建立專案失敗could not find an option named androidx 解決辦法 flutter update force dependencies 分包處理 protected void attachbasecontext context base 此時要去掉...