原创 Flutter app打包詳解

Flutter app打包跟常規打包是差不多的,以android爲例: 配置構建信息 這一步呢主要是檢查配置app的基礎信息: applicationId versionCode versionName minSdkVersio

原创 Flutter 相對佈局之Stack

效果 簡介 相對佈局,類似於android中的RelativeLayout、FrameLayout。 既可以相對父容器確定自己的位置,也可以多個widget重疊顯示。 Stack與Positioned搭配使用。 源碼 Stack

原创 Flutter 修改應用名稱、圖標、啓動頁

雖然flutter可以同時運行在android和ios設備上,但是修改名稱、logo、啓動頁還是需要分開配置的。 修改應用名稱 android 在項目下找到android目錄,依次app》src》main》AndroidMani

原创 【整理】Flutter 常用第三方庫、插件、學習資料等

轉載請署名標註 網絡 dio 網絡請求 dio: ^2.1.13 https://pub.dev/packages/dio cookie_jar cookie持久化 cookie_jar: ^1.0.0 https://

原创 Flutter 下拉刷新之RefreshIndicator

效果 屬性 RefreshIndicator 是 Material Design 風格的下拉刷新控件,所以同android中的SwipeRefreshLayout用法一樣,嵌套在外層即可。 先了解一下屬性: const Re

原创 Flutter 滑動刪除

效果 構建List body: ListView.builder( itemCount: articleDatas.length, itemBuilder: (BuildContext conte

原创 Flutter 本地存儲之shared_preferences

簡介 提供簡單數據的持久性存儲,同時支持Android和IOS,鍵值對的方式,異步存儲。 github:https://github.com/flutter/plugins/tree/master/packages/shared_

原创 Flutter 切換主題

效果: 本文是基於provide進行切換主題的,其他狀態管理框架的話也大同小異。 核心思想: 創建一個主題色列表 根據下標取值配置主題色 通過狀態管理動態修改主題色列表的下標,從而達到切換主題的效果 保存選中的主題色下標

原创 Flutter 狀態管理之provide

什麼是狀態管理 通俗點來講就是,對一個數據源的統一管理。 比如,列表和詳情都有收藏按鈕,在詳情收藏之後,列表也要同步收藏狀態; 類似的還有簽到、領紅包、已讀等多種業務場景。 在項目小、業務簡單的時候可能還不需要或者比較好管理,當

原创 跨平臺之uni-app

文章目錄起源什麼是uni-app爲什麼選擇uni-app呢?快速體驗開發工具創建uni-app運行uni-app發佈uni-app打包爲原生App發佈爲H5發佈爲小程序總結 起源 在我司業務不斷快速發展的情況下,同時保證成本的增加

原创 Flutter 使用自定義字體

效果: 非常的簡單。 導入字體 隨便在網上找一個免費的字體,下載下來會得到一個後綴爲.ttf的文件,即字體文件。 或者自己做一個。 在項目的根目錄中新建一個fonts文件夾(目錄、命名可以隨意),並把剛纔的文件拷進

原创 Flutter macOS環境配置

其實通讀一下文檔後的感覺就是還蠻複雜的,起碼比windows下配置要複雜一下,可能也是我平時windows用的比較多吧,今天這篇文章就以最簡單直接的方式引導在macOS上配置Flutter開發環境 文章目錄準備下載SDK先配置

原创 SwipeRefreshLayout嵌套banner滑動衝突

banner是一個第三方輪播庫,到現在爲止已經有8000+的star了,使用的人也很多。使用的人越多,業務場景就越多,相應的問題也會越多。比如SwipeRefreshLayout嵌套banner的時候,就會使banner手動滑動

原创 SwipeRefreshLayout 嵌套 RecyclerView滑動衝突

原則上你使用的RecyclerView框架可能是自帶刷新的,如果沒有就可能會出現這種問題,滑動時會出現卡頓、觸發刷新的時機也不對。 思路: 監聽RecyclerView的滑動,當滑動到頂部的時候,再設置SwipeRefres

原创 Flutter 分享功能之Share

效果: Summons the platform’s share sheet to share text. 非常簡單,但也僅限於文本。 1、導入及引用 share: ^0.6.1+1 import 'package:sh