原创 Flutter 動畫 Animation、AnimationController、AnimatedWidget、AnimatedBuilder示例

文章目錄動畫AnimationAnimationController示例AnimatedWidget示例AnimatedBuilder示例AnimationWidget 和 AnimationBuilder 的區別Animatio

原创 Flutter 從淺入深理解生命週期

爲什麼需要了解生命週期? 在Android開發的時候,App、Activity、Fragment是有生命週期的,熟悉了生命週期之後我們就可以在適當的時機做適當操作。比如在Android中在執行到OnDestory生命週期是需要資源

原创 Flutter 路由管理 Route、Navigator 使用示例

文章目錄路由管理頁面跳轉示例頁面不傳參跳轉頁面傳參跳轉Navigator 的其他跳轉方式無 context 頁面跳轉命名路由頁面跳轉傳參頁面返回傳參命名路由封裝404 頁面處理返回按鈕攔截 路由管理 在 Flutter 中,頁面

原创 Flutter 圖片 Image 圖標 Icon 參數圖文理解

文章目錄Image加載項目的資源圖片加載系統的圖片加載網絡圖片FadeInImage 使用Image 填充模式第三方庫推薦IconIcon 的優勢Icon 使用例子第三方庫推薦 Image Image組件用於顯示圖片,而圖片的來源

原创 Flutter 裁剪佈局之 ClipRect、ClipRRect、ClipOval、ClipPath、CustomClipper

文章目錄裁剪佈局ClipRectClipRRectClipOvalClipPath 及 CustomClipper 參考: Flutter 裁剪類組件 最全總結 5.7 剪裁(Clip) 裁剪佈局 Flutter中提供了一些

原创 Flutter 網格列表 GridView 及 瀑布流 示例

文章目錄使用GridView.countGridView.extentGridView.builder第三方庫推薦瀑布流效果 參考:GridView 使用 GridView.count GridView.count( //橫軸

原创 Flutter 使用 Provider 進行狀態管理(主題模式切換示例)

文章目錄狀態管理Provider使用文檔暴露(創建)值創建新的對象使用已存在的對象讀取值讀取多個值 MultiProviderProxyProvider使用文檔總結簡單示例使用使用 Provider 實現主題切換示例參考上車 狀態

原创 Flutter Android 端集成 Bugly 的異常上報和升級功能

前提 Flutter 版本:1.17.0地址,別用最新版本或者比較老的版本。我之前使用1.13.0版本也會出現問題。 Dart版本:2.8.1使用Flutter中提供的版本 flutter_bugly package 地址

原创 Flutter 方法通道 MethodChannel 使用示例

文章目錄方法通道使用示例獲取電池電量打開應用市場使用中遇到的問題參考 方法通道 Flutter是UI框架,如果我們要 調用系統的藍牙、實現消息推送等底層 的功能時,單使用Flutter就顯得有點力不從心了,Flutter 爲了解

原创 Flutter 異步編程 Future、FutureBuilder,await 與 async

文章目錄Future 是什麼?基本用法Future.value(value)Future.error()Future.delayed()Future.then()Future.catchError()Future.whenComp

原创 Flutter dio 庫封裝並實現網絡請求及 Json 數據解析示例

文章目錄dio基本使用封裝使用JSON 數據解析使用示例: 上篇文章介紹了本地存儲數據,少量的數據我們纔會放在本地,大部分的數據都是放在遠程的服務器中。因此這就涉及到了如何和網絡交互。Flutter dart:io庫默認提供 H

原创 Flutter 本地數據存儲(文件、SharedPreferences 、數據庫 sqlite)使用示例

文章目錄文件示例SharedPreferences示例數據庫 sqlite示例 Flutter 提供了三種數據持久化方法,即文件、SharedPreferences 與數據庫。 文件 Flutter 提供了兩種文件存儲的目錄

原创 Flutter 動畫 Hero、更多動畫示例

文章目錄Hero 動畫效果示例更多動畫效果展示 Hero 動畫 在 Android中有共享元素動畫,能夠實現頁面之間共享元素的切換效果。Flutter 中也提供 相應的 Hero widget 實現該效果。 既然 Hero是個

原创 Flutter 觸摸事件監聽 Listener 、手勢識別示例

文章目錄觸摸監聽 Listener示例手勢識別 GestureDetector點擊、雙擊、長按、水平滑動、垂直滑動跟隨手指移動效果縮放效果手勢識別基類 GestureRecognizer使用實例自定義手勢識別 在Android開

原创 Flutter 多子 Widget 布之Stack、Positioned

文章目錄層疊 Widget 佈局StackalignmentfitoverflowPositioned 上文 Flutter 多子 Widget 佈局之Flex、Expanded、Wrap、Flow,介紹了彈性佈局 Flex、E