@flutter

動態 列表
@chengxuyuanlaoliu2024

Dart 3.7格式化工具“亂改代碼”?強迫症必看

哈嘍,我是老劉 一個從事軟件開發10年+,Flutter開發7年的程序員。 前兩天有個朋友諮詢升級到Flutter 3.35後的格式化問題。 簡單來説就是升級到Flutter 3.35(基於Dart 3.7以上)後,格式化後的代碼與之前的版本不同。 原先多行的代碼,格式化工具會自動刪除結尾的逗號,導致代碼合併成為一行。 其實這個是Dart 3.7引入的新特性,如果代碼比較短就合併成一行。 老

chengxuyuanlaoliu2024 頭像

@chengxuyuanlaoliu2024

昵稱 程序員老劉

@mybj123

分享Flutter 教程筆記收集整理

01.初學者須知 02.初識 Flutter 03.Flutter 開發環境搭建 Windows 版 04.創建 Flutter 項目 05.Flutter 編寫一個 HelloWorld 程序 06.Flutter Text Widget 文本組件的使用 07.Flutter Container 容器組件的使用 08.Flutter Image 圖片組件的使用 09.Flut

mybj123 頭像

@mybj123

昵稱 碼雲筆記

@codechen8848

高顏值!一款基於 Flutter 開發的 Linux 服務器工具箱

大家好,我是 Java陳序員。 今天,給大家介紹一款高顏值的基於 Flutter 開發的 Linux 服務器工具箱。 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 flutter_server_box —— 一款使用 Flutter 開發的 Linux 服務器工具箱,提供服務器狀態圖表和管理工具。 功能特色: 狀態圖表:

codechen8848 頭像

@codechen8848

昵稱 codechen8848

@hhsk

Flutter 實現骨架屏

什麼是骨架屏 在客户端開發中,我們總是需要等待拿到服務端的響應後,再將內容呈現到頁面上,那麼在用户發起請求到客户端成功拿到響應的這段時間內,應該在屏幕上呈現點什麼好呢? 答案是:骨架屏 那麼什麼是骨架屏呢,來問下 GPT: 骨架屏(Skeleton Screen)是一種現代的用户界面設計技術,用於提升應用或網站在加載內容時的用户體驗。在內容的完全加載和呈現之前,骨架屏提供了一種模糊的預覽,形似

hhsk 頭像

@hhsk

昵稱 HuStoking

@flutterdev

參與 2024 第四季度官方 Flutter 開發者調查

Flutter 3.24 和 Dart 3.5 穩定版發佈 已有三月之久,今年最後一次開發者調查也如約而至! 自 Flutter 3.24 正式發佈以來,團隊通過一系列補丁更新不斷優化平台穩定性和開發體驗,最新穩定版本為 v3.24.5。 這些更新涵蓋了性能提升、工具改進以及多平台問題修復,例如改進 iOS 和 Android 的兼容性,優化 Web 和 Wasm 的支持,並解決了圖形渲染和用户界

flutterdev 頭像

@flutterdev

昵稱 Flutter社區

@garvenc

Dart學習筆記:語法

本文更新於2024-12-22,使用Dart 2.18.2。 目錄 關鍵字 常量 變量 基本數據類型 數值 字符串 布爾 列表 集合 映射 運算符 運算符優先級 算數運算符 關係運算符 類型判定運算符 賦值運算符 邏輯運算符 位運算符

garvenc 頭像

@garvenc

昵稱 garvenc

@garvenc

Dart學習筆記:API

本文更新於2024-12-25,使用Dart 2.18.2。 目錄 dart:async 【異步庫】 類 FutureT —— 異步計算結果 FutureOrT —— 同步或異步的計算結果 StreamT —— 流 dart:convert 【數據轉換庫】 類

garvenc 頭像

@garvenc

昵稱 garvenc

@garvenc

Flutter學習筆記:開發環境搭建

本文更新於2024-12-15,使用Flutter 3.3.3,操作系統為Windows 10。 安裝Flutter 下載Flutter。官網下載頁面為:https://docs.flutter.dev/get-started/install/windows。 本文使用的版本的下載地址為:https://storage.googleapis.com/flutter_infra_rel

garvenc 頭像

@garvenc

昵稱 garvenc

@garvenc

Flutter學習筆記:API

本文更新於2024-12-26,使用Flutter 3.3.3。 官方文檔:https://api.flutter.dev或https://api.flutter-io.cn 目錄 dart:ui 【UI庫】 枚舉 TextDirection —— 文本方向 animation 【動畫庫】 類

garvenc 頭像

@garvenc

昵稱 garvenc

@xiaoyan2017

flutter3-dymall仿抖音直播商城|Flutter3.27短視頻+直播+聊天App實例

自研flutter3.27+dart3.6+getx實戰抖音短視頻+聊天+直播電商帶貨app商城應用。 flutter_dymall一款基於最新版Flutter3.27+Dart3.x+Getx+mediaKit原創實戰研發抖音app帶貨商城項目。集成了直播+短視頻+聊天三大功能模塊。實現了類似抖音app首頁全屏沉浸式聯動左右滑動頁面模塊、上下滑動短視頻效果。 最新版uniapp+vue3+uv

xiaoyan2017 頭像

@xiaoyan2017

昵稱 xiaoyan2017

@xiaoyan2017

flutter3-trip仿攜程酒店預訂|Flutter3.27+Getx預約旅遊酒店App程序

基於Flutter3.x+Dart3+GetX跨平台仿攜程/飛豬旅行酒店客房預訂查詢app系統。 flutter3_trip原創2025新版flutter3.27.1+dart3.6+getx+flutter_datepicker跨平台仿攜程/飛豬/同程旅遊app酒店客房預訂系統。實現了首頁、酒店預訂模塊、酒店搜索/列表/詳情、探索動態、訂單、消息聊天、我的等模塊。 技術棧 編輯器:Vsco

xiaoyan2017 頭像

@xiaoyan2017

昵稱 xiaoyan2017

@HarmonyOS5

Flutter適配HarmonyOS 5開發知識地圖

還在為Flutter適配HarmonyOS 5頭疼?這份知識地圖,用實戰解析+高頻避坑指南,幫你快速打通跨平台開發任督二脈! ▌為什麼這份資源值得你收藏? 分層進階:從環境搭建→插件開發→性能優化,匹配不同階段開發者需求 真實場景:開發案例實戰驗證 痛點覆蓋:特別整理SDK適配/線程分析/交互等企業級開發難題 持續更新:緊跟鴻蒙Flutter SDK最新特性 鴻蒙Flutter初體驗

HarmonyOS5 頭像

@HarmonyOS5

昵稱 HarmonyOS小助手

@codechen8848

集成多平台的直播神器!觀看多平台直播一站搞定!

大家好,我是 Java陳序員。 在日常生活中,我們常常會在工作之餘觀看直播,現在的主流直播平台如虎牙、鬥魚、嗶哩嗶哩、抖音等,為用户提供了豐富多樣的直播內容。 然而,用户在觀看不同平台的直播時,往往需要在多個應用之間切換,操作繁瑣,體驗不佳。 今天,給大家介紹一款集成多個平台的直播神器,一站搞定多平台直播觀看! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典

codechen8848 頭像

@codechen8848

昵稱 codechen8848

@hubert-style

Flutter 工程構架設計(MVVM + Repository)

認真對待每時、每刻每一件事,把握當下、立即去做。 移動應用開發領域的技術演進正持續推動着跨平台解決方案的創新。在 Android 與 iOS 等多平台並存的現狀下,傳統原生開發面臨‌代碼複用率低‌和‌開發效率瓶頸‌等核心挑戰。Flutter 作為 Google 推出的現代化 UI 工具包,通過‌自繪引擎‌和‌響應式框架‌實現了真正的跨平台一致性,其‌"一次編寫,處處運行"‌的理念已在全球範圍

hubert-style 頭像

@hubert-style

昵稱 揹包の技術

@hubert-style

Flutter 佈局核心思想

認真對待每時、每刻每一件事,把握當下、立即去做。 在 Flutter 中,佈局確實完全通過組件(Widget)來實現,這與許多其他 UI 框架的設計理念不同。以下是 Flutter 佈局系統的詳細解析。 ‌1. 佈局組件的核心思想‌ ‌一切都是 Widget‌:無論是可見的按鈕、文本,還是不可見的佈局容器(如 Row、Column),均為 Widget。 ‌組合嵌套‌:通過父子組件的嵌

hubert-style 頭像

@hubert-style

昵稱 揹包の技術

@flydean

flutter系列之:在flutter中使用流式佈局

簡介 我們在開發web應用的時候,有時候為了適應瀏覽器大小的調整,需要動態對頁面的組件進行位置的調整。這時候就會用到flow layout,也就是流式佈局。 同樣的,在flutter中也有流式佈局,這個流式佈局的名字叫做Flow。事實上,在flutter中,Flow通常是和FlowDelegate一起使用的,FlowDelegate用來設置Flow子組件的大小和位置,通過使用FlowDelegat

flydean 頭像

@flydean

昵稱 flydean

@chengxuyuanlaoliu2024

記錄一個Flutter 3.24單元測試點擊事件bug

哈嘍,我是老劉 這兩天發現一個Flutter 3.24版本的單元測試的一個小bug,提醒大家注意一下。 老劉自己寫代碼十多年了,寫Flutter也6年多了,沒想到前兩天在一個小小的BottomNavigationBar 組件上翻了車。 給大家分享一下事件的經過。 問題經過 這件事的起因是最近想做一個自己用的小App,Flutter實現。 大家知道我一直是TDD的踐行者,所以就先寫

chengxuyuanlaoliu2024 頭像

@chengxuyuanlaoliu2024

昵稱 程序員老劉

@dunizb

我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中,Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力,因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界,我創建了三個版本的移動應用程序,這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單:構建一個應用程序,顯示一個隨機國家的詳細信息。我以前在 Python

dunizb 頭像

@dunizb

昵稱 杭州程序員張張

@fulade

【Flutter 2-10】Flutter手把手教程UI佈局和Widget——流式佈局Wrap

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) Wrap 在Flutter中Wrap是流式佈局控件,Row和Column在佈局上是很好用,但是有一個缺點,如果當子控件數量過多導致Row或Column裝載不下的時候,就會出現UI頁面上的錯誤。Wrap可以完美的避免這個問題,當控件過多一行顯示不全的時候,Wrap可以換行顯示。 當然Wrap跟Row和Column有着很多相似的地

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Flutter 2-11】Flutter手把手教程UI佈局和Widget——列表ListView

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) ListView ListView是在移動端非常常見的控件,在大多數的展示場景中都離不開ListView。在Flutter中對ListView的封裝也非常好,簡單幾行代碼就可以滿足我們佈局一個滾動列表的需求。 先來看一下構造函數: ListView({ /// key Key key, /// 佈局方向

fulade 頭像

@fulade

昵稱 弗拉德

@chengxuyuanlaoliu2024

差生文具多

哈嘍,我是老劉 老劉做Flutter開發六年多了,經手過的項目很多,但已有項目中途接手的情況並不算多。 恰巧近期經手兩個中途接棒的外包項目,有一些感觸分享給大家。 這兩個項目都是老劉組織人手幫外地的公司用Flutter做App開發業務的。其中一個是短期項目屬於工業領域的App和AI還沾點邊。另一個是長期項目,屬於金融領域的。 但是這兩個項目都呈現出典型的開發者為實現快速交付,在項

chengxuyuanlaoliu2024 頭像

@chengxuyuanlaoliu2024

昵稱 程序員老劉