一. Theme主題的使用 Theme分為:全局Theme和局部Theme主題有兩個作用:設置了主題之后,某些Widget會自動使用主題的樣式(比如AppBar的顏色)將某些...
一. Theme主題的使用 Theme分為:全局Theme和局部Theme主題有兩個作用:設置了主題之后,某些Widget會自動使用主題的樣式(比如AppBar的顏色)將某些...
一. 動畫API認識 動畫其實是我們通過某些方式(比如對象,Animation對象)給Flutter引擎提供不同的值,而Flutter可以根據(jù)我們提供的值,給對應的Widge...
一. 路由管理 1.1. 認識Flutter路由 路由的概念由來已久,包括網(wǎng)絡路由、后端路由,到現(xiàn)在廣為流行的前端路由。 無論路由的概念如何應用,它的核心是一個路由映射表 比...
一. 事件監(jiān)聽 在Flutter中,手勢有兩個不同的層次: 第一層:原始指針事件(Pointer Events):描述了屏幕上由觸摸板、鼠標、指示筆等觸發(fā)的指針的位置和移動。...
一. 為什么需要狀態(tài)管理? 1.1. 認識狀態(tài)管理 很多從命令式編程框架(Android或iOS原生開發(fā)者)轉(zhuǎn)成聲明式編程(Flutter、Vue、React等)剛開始并不適...
一. Flutter的渲染流程 1.1. Widget-Element-RenderObject關系 1.2. Widget是什么? 官方對Widget的說明: Flutte...
一. 監(jiān)聽滾動事件 對于滾動的視圖,我們經(jīng)常需要監(jiān)聽它的一些滾動事件,在監(jiān)聽到的時候去做對應的一些事情。比如視圖滾動到底部時,我們可能希望做上拉加載更多;比如滾動到一定位置時...
一. Slivers 我們考慮一個這樣的布局:一個滑動的視圖中包括一個標題視圖(HeaderView),一個列表視圖(ListView),一個網(wǎng)格視圖(GridView)。我...
一. GridView組件 GridView用于展示多列的展示,在開發(fā)中也非常常見,比如直播App中的主播列表、電商中的商品列表等等。在Flutter中我們可以使用GridV...
一. ListView組件 移動端數(shù)據(jù)量比較大時,我們都是通過列表來進行展示的,比如商品數(shù)據(jù)、聊天列表、通信錄、朋友圈等。在Android中,我們可以使用ListView或R...
一. 多子布局組件 在開發(fā)中,我們經(jīng)常需要將多個Widget放在一起進行布局,比如水平方向、垂直方向排列,甚至有時候需要他們進行層疊,比如圖片上面放一段文字等;這個時候我們需...
一. 單子布局組件 單子布局組件的含義是其只有一個子組件,可以通過設置一些屬性設置該子組件所在的位置信息等。比較常用的單子布局組件有:Align、Center、Padding...
一. 表單Widget 和用戶交互的其中一種就是輸入框,比如注冊、登錄、搜索,我們收集用戶輸入的內(nèi)容將其提交到服務器。 1.1. TextField的使用 1.1.1. Te...
一. 圖片Widget 圖片可以讓我們的應用更加豐富多彩,F(xiàn)lutter中使用Image組件 Image組件有很多的構造函數(shù),我們這里主要學習兩個: Image.assets...
一. 按鈕Widget 1.1. 按鈕的基礎 Material widget庫中提供了多種按鈕Widget如FloatingActionButton、RaisedButton...
1. 文本W(wǎng)idget 在Android中,我們使用TextView,iOS中我們使用UILabel來顯示文本; Flutter中,我們使用Text組件控制文本如何展示; 1...
1.1. 認識StatefulWidget 在開發(fā)中,某些Widget情況下我們展示的數(shù)據(jù)并不是一層不變的:比如Flutter默認程序中的計數(shù)器案例,點擊了+號按鈕后,顯示的...
一. 第一個Flutter代碼 1.1. Hello World 1.1.1. Hello World的需求 做任何的開發(fā),我們都是從祖?zhèn)鞯腍ello World開始,那么現(xiàn)...
在Dart中,你可以導入一個庫來使用它所提供的功能。庫的使用可以使代碼的重用性得到提高,并且可以更好的組合代碼。Dart中任何一個dart文件都是一個庫,即使你沒有用關鍵字l...