2. 程式人生 > >Flutter實戰之Gank Demo實踐

Flutter實戰之Gank Demo實踐

阿新 • • 發佈：2019-02-07

初學Flutter，看了兩天文件，花了兩天時間利用gank.io提供的api介面實踐了下Flutter，寫了個Demo.

主要實踐了Flutter的如下幾個知識點：

  1. 如何使用dio框架發起網路請求
  2. 如何實現常用佈局，如：
    • 水平佈局: Row
    • 垂直佈局: Column
    • 層疊佈局: Stack
    • 如何設定間距: Padding
  3. 如何顯示網路圖片Image
  4. 如何使用下拉重新整理元件: RefreshIndicator
  5. 如何使用ListView元件，以及新增上拉載入更多功能
  6. 如何給普通widget新增事件監聽: GestureDetector
  7. 如何實現水波紋效果: InkWell
  8. 如何使用Card
    實現卡片式佈局
  9. 在Flutter中如何使用WebView
  10. 如何建立Material Design風格的應用以及自定義其主題樣式
  11. 如何使用AppBar元件同時給其新增TabBarView元件和BottomNavigationBar
  12. 如何進行頁面跳轉: Navigator

Demo程式碼地址請戳這這這

Demo效果如如下：

相關推薦

Flutter實戰之Gank Demo實踐

初學Flutter，看了兩天文件，花了兩天時間利用gank.io提供的api介面實踐了下Flutter，寫了個Demo. 主要實踐了Flutter的如下幾個知識點： 如何使用dio框架發起網路請求 如

Mongo實戰之數據空洞的最佳實踐

journal 初始 beat objectid use bpa 沒有 lda replica 問題背景： 某天,開發部的同事跑過來反映: mongodb數據文件太大，快把磁盤撐爆了！其中某個db占用最大(運營環境這個db的數據量其實很小) 分析: 開發環境有大量測試的增/

ElasticSearch最佳入門實踐（六）案例實戰之電商網站商品管理：多種搜尋方式

1、query string search 搜尋全部商品 took：耗費了幾毫秒 timed_out：是否超時，這裡是沒有 _shards：資料拆成了5個分片，所以對於搜尋請求，會打到所有的primary shard（或者是它的某個replica shard也可以） hits.tot

myca實戰之實踐

一、配置 mycat配置檔案目錄：mycat/conf 最主要的配置檔案：server.xml、schema.xml、rule.xml 1、server.xml 配置跟例項資料庫的連線資訊，資料庫使用者名稱、密碼、資料庫名稱，如下： <user name="root" de

安卓專案實戰之Gif圖片載入的最佳實踐android-gif-drawable開源庫的使用

前言 在平時的專案開發中，我們或多或少會遇到載入gif圖片這樣的需求，但是Android的ImageView又無法直接載入Gif圖片，面對這樣的需求我們一般都會想到使用支援載入gif動圖的Glide第三方庫來進行實現，但是使用過程中發現Glide在載入大的gif

Flutter入門到實戰之第一個Flutter例子

          接著上一篇Flutter入門配置環境成功後，進行了第一個例子的實戰，步驟如下: 1.開啟Android Studio，選擇File——New——New Flutter Project，建立Flutter專案 2. 選

iOS 新浪微部落格戶端Demo實踐之(五) 粉絲列表頁面

這個頁面要講述的是使用者的粉絲列表，下面是效果圖： 可以看到這個檢視明顯也是一個tableview，在每一個cell中包含的有三個部分的內容：粉絲頭像image，粉絲暱稱label，我和粉絲之間的相互關注情況button。 在這個頁面我們主要處理的內容有：① 粉絲列表

jQuery外掛實戰之fullcalendar（日曆外掛）Demo

jQuery的外掛非常多，應用的場景也非常豐富，今天我這裡給大家介紹一款非常實用的日曆頁面開發外掛 - fullcalendar，目前最新版本是1.5.1，使用這款外掛能夠快速幫助你快速程式設計實現基於web的日曆檢視功能，大家可能都使用過outlook的日曆項功能，使用日

【java】itoo項目實戰之hibernate 懶載入優化性能

bsp xtra extra pda 程序 前端框架 外連接 獲取 轉換成 在做itoo 3.0 的時候，考評系統想要上線，就開始導入數據了，僅僅導入學生2萬條數據，可是導入的速度特別的慢。這個慢的原因是由於導入的時候進行了過多的IO操作。可是導入成功之後，

Oracle數據庫12cR2（項目實戰之二）：Linux系統安裝Oracle12.2

oracle12cr2 oracle視頻教程 oracle12cr2安裝 linux上安裝12c linux上安裝12cr2 oracle數據庫12cR2（項目實戰之二）：linux系統安裝Oracle12.2一、課程主題：風哥Oracle數據庫教程12cR2（項目實戰之二）：在linux

【java】itoo項目實戰之hibernate 批量保存優化

新的 hibernate 缺點 try 實戰 lis 插入 entity man 在itoo中。基本上每一個系統都有一個導入功能，大量的數據填寫進入excel模板中。然後使用導入功能導入的數據庫中，這樣能夠大大的提高工作效率。那麽導入就涉及到了批量保存數據庫的

［Fibre Channle 實戰之二］ FC Target的創建和使用

fibre channel targetcli 基於最近Fibre channel的相關工作，整理了下關於創建和使用target、實現fail-over過程中碰到的問題和解決方法。0.準備好合適的後端targetcli工具0.1安裝後端工具主要有兩個庫要裝，rtslib和targetcli，可以參考下

IDA Pro逆向實戰之Crackme（簡單篇）

ida center 程序 簡單 align 分支 執行 noi 裏的 今天手閑的很，沒事就拿出了以前沒解決的逆向題來做一下，具體的 源程序 在附件裏，廢話少說，直接上菜： 0. 源程序運行效果(輸入不對的，直接退出)： Exeinfo PE 查殼：

HTML5遊戲實戰之20行代碼實現打地鼠

before line asc win csdn 實戰 動畫 and wiki 之前寫過一篇打地鼠的博客70行的代碼實現打地鼠遊戲，細致思考過後，發現70行代碼都有點多余了，應用tangide的控件特性，能夠將代碼量縮減到20行左右。 先show一下終於成果，點擊試

Android實戰之 萬能的接口回調

method 網絡操作 設有 async 質量 dsm save 運用 nfa 轉載請標明原地址：http://blog.csdn.net/gaolei1201/article/details/47084111 前言：本人也算

SaltStack實戰之數據系統-Pillar

saltstackSaltStack實戰之數據系統-Pillar學習 SaltStackSaltStack實戰之數據系統-Pillar1. Pillar簡介和應用場景2. Pillar應用示例1. Pillar簡介和應用場景Pillar是Salt用來分發全局變量到所有minions的一個接口。Pillar d

SaltStack實戰之遠程執行-Targeting

saltstackSaltStack實戰之遠程執行-Targeting學習 SaltStackSaltStack實戰之遠程執行-Targeting1. minion id配置2. Targeting分類SaltStack遠程執行組成部分：目標（Targeting）模塊（Module）返回（Returnners

Linux系統Oracle12.2 RAC集群實施維護_Oracle數據庫12cR2（項目實戰之五）

oracle教程 oracle培訓 oracle數據庫教程 oracle工程師培訓 oracle數據庫培訓 課程目標風哥Oracle數據庫教程12cR2（項目實戰系列）之五：Linux系統上Oracle 12.2 RAC實施與基本維護，包括系統安裝與環境配置、ASM存儲配置、Oracle

Qt實戰之開發CSDN下載助手 （1）

助手 track 下載 賬戶 content 多線程下載 功能 博客 style 這次實戰，我們須要開發一款CSDN下載助手。它具備下面功能: 1) . 可以正常登錄CSDN賬戶 2) . 可以依據用戶提供的資源下載頁面地址解析出真實地址 ( 當然啦。 你的賬號積分

SaltStack實戰之配置管理-Jinja2模板

saltstackSaltStack實戰之配置管理-Jinja2模板學習 SaltStackSaltStack實戰之配置管理-Jinja2模板1. Salt yaml配置文件使用Jinja2模板介紹1.1 File狀態使用template參數1.2 模板文件裏面變量使用{{ 名稱 }}1.3 變量列表2. 實