在開發(fā)中,服務(wù)端通常給我們返回的是JSON數(shù)據(jù),我們需要將JSON數(shù)據(jù)轉(zhuǎn)成我們的模型對(duì)象來使用。在Flutter中,有幾種JSON轉(zhuǎn)模型的方式,我們還是以豆瓣為例,來進(jìn)行一個(gè)...
在開發(fā)中,服務(wù)端通常給我們返回的是JSON數(shù)據(jù),我們需要將JSON數(shù)據(jù)轉(zhuǎn)成我們的模型對(duì)象來使用。在Flutter中,有幾種JSON轉(zhuǎn)模型的方式,我們還是以豆瓣為例,來進(jìn)行一個(gè)...
在學(xué)習(xí)Flutter的過程中,我們知道Widget只是最終渲染對(duì)象(RenderObject)的配置文件,它會(huì)在build的時(shí)候頻繁的銷毀和創(chuàng)建,那么,我們不需要擔(dān)心他的創(chuàng)建...
一. 調(diào)用原生功能 1.1. Camera 某些應(yīng)用程序可能需要使用移動(dòng)設(shè)備進(jìn)行拍照或者選擇相冊(cè)中的照片,F(xiàn)lutter官方提供了插件:image_picker 1.1.1....
一. Android打包和發(fā)布 1.1. 填寫應(yīng)用配置 1.1.1. 基本信息 在之前講解應(yīng)用程序的配置信息時(shí),我們已經(jīng)介紹過,這里不再過多介紹 應(yīng)用的AppID 應(yīng)用的名稱...
Flutter編譯模式 在Android和iOS中,應(yīng)用程序運(yùn)行分為debug和release模式,分別對(duì)應(yīng)調(diào)試階段和發(fā)布階段;在Flutter中,應(yīng)用程序分為debug、p...
一. 單元測(cè)試 單元測(cè)試是針對(duì)一個(gè)函數(shù)或者類進(jìn)行測(cè)試 1.1. 添加測(cè)試依賴 將 test 或者 flutter_test加入依賴文件,默認(rèn)創(chuàng)建的Flutter程序已經(jīng)有了依...
一. 國(guó)際化的認(rèn)識(shí) 開發(fā)一個(gè)App,如果我們的App需要面向不同的語(yǔ)種(比如中文、英文、繁體等),那么我們需要對(duì)齊進(jìn)行國(guó)際化開發(fā)。 國(guó)際化的英文稱呼:internationa...
項(xiàng)目地址:Flutter小項(xiàng)目_美食廣場(chǎng)[https://github.com/iamkata/Flutter_favorcate]
真正開發(fā)一個(gè)完成的跨平臺(tái)App需要針對(duì)不同的平臺(tái)設(shè)置不同的應(yīng)用信息比如應(yīng)用標(biāo)識(shí)、應(yīng)用名稱、應(yīng)用圖標(biāo)、應(yīng)用啟動(dòng)圖等等 終端執(zhí)行:flutter create myproject...
一. Flutter單位 1.1. Flutter中的單位 在進(jìn)行Flutter開發(fā)時(shí),我們通常不需要傳入尺寸的單位,那么Flutter使用的是什么單位呢? Flutter使...
在Flutter開發(fā)中,我們可以通過定義Theme,復(fù)用顏色和字體樣式,從而讓整個(gè)app的設(shè)計(jì)看起來更一致。 一. Theme主題的使用 Theme分為:全局Theme和局部...
對(duì)于一個(gè)前端的App來說,添加適當(dāng)?shù)膭?dòng)畫,可以給用戶更好的體驗(yàn)和視覺效果。所以無論是原生的iOS或Android,還是前端開發(fā)中都會(huì)提供完成某些動(dòng)畫的API。Flutter有...
我們通常會(huì)用屏(Screen)來稱呼一個(gè)頁(yè)面(Page),一個(gè)完整的App應(yīng)該是有多個(gè)Page組成的。 在之前的案例(豆瓣)中,我們通過IndexedStack來管理了首頁(yè)中...
一. 事件監(jiān)聽 在大前端的開發(fā)中,必然存在各種各樣和用戶交互的情況:比如手指點(diǎn)擊、手指滑動(dòng)、雙擊、長(zhǎng)按等等。 在Flutter中,手勢(shì)有兩個(gè)不同的層次: 第一層:原始指針事件...
一. 為什么需要狀態(tài)管理? 1.1. 認(rèn)識(shí)狀態(tài)管理 很多從命令式編程框架(Android或iOS原生開發(fā)者)轉(zhuǎn)成聲明式編程(Flutter、Vue、React等)剛開始并不適...
一. Flutter的渲染流程 1.1. Widget - Element - RenderObject關(guān)系 1.2. Widget是什么? 官方對(duì)Widget的說明: Fl...
案例地址:Flutter_豆瓣案例[https://github.com/iamkata/Flutter_douban] 一. 數(shù)據(jù)請(qǐng)求和轉(zhuǎn)化 1.1. 首頁(yè)數(shù)據(jù)請(qǐng)求轉(zhuǎn)化 豆...
學(xué)習(xí)完列表渲染后,我們打算做一個(gè)綜合一點(diǎn)的練習(xí)小項(xiàng)目:豆瓣Top電影排行列表。 這個(gè)練習(xí)小項(xiàng)目主要是為了鍛煉布局Widget,但是也涉及到一些其他知識(shí)點(diǎn):評(píng)分展示、分割線、b...
一. 網(wǎng)絡(luò)請(qǐng)求的方式 在Flutter中常見的網(wǎng)絡(luò)請(qǐng)求方式有三種:HttpClient、http庫(kù)、dio庫(kù); 1.1. HttpClient HttpClient是dart...