tag flutter

標籤
貢獻50
194
06:41 PM · Oct 26 ,2025
chengxuyuanlaoliu2024 頭像 qngyun1029 頭像 fulade 頭像 flydean 頭像 garvenc 頭像 ducafecat 頭像 u_15171169 頭像 xiaoyan2017 頭像 segfal_coder 頭像 dynamic_cell 頭像 u_16099343 頭像 u_16099188 頭像

@flutter / 博客 RSS 訂閱

u_14850 頭像

ctaxnews - Flutter學習之入門程序HelloWorld （IOS APP）

導語 Flutter 是 Google 推出的高性能跨平台 UI 框架，支持一套代碼同時運行在 Android、iOS、Web 甚至鴻蒙（HarmonyOS）等平台。無論你是前端還是移動端開發者，掌握 Flutter 都能顯著提升開發效率。本文將手把手帶你完成環境配置、創建第一個應用，並實現對鴻蒙、Android 和 iO

Android , flutter , Css , harmonyos , 前端開發 , HTML

收藏 評論

pandorox 頭像

Pandorox - 使用 BLOC 模式構建你的 Flutter 項目

原文: 使用 BLOC 模式構建你的 Flutter 項目 嗨夥計！我帶着另一篇關於 Flutter 的全新文章回來了。這一次，將討論和示範“如何構建 Flutter 項目”。這樣你就可以輕鬆地維護、擴展和測試你的 Flutter 項目。在深入實際主題之前，我想分享一個小故事，關於為什麼應該專注於為項目構建一個可靠的架構。 更新：本文的 第 2 篇 和第 3 篇 已發佈，對當前設計進行了

狀態管理 , flutter , 架構模式

收藏 評論

u_16099220 頭像

數碼精靈abc - Flutter 報錯總結

解決鴻蒙應用開發中的兩個常見工具鏈錯誤（含macOS適配） 在鴻蒙（HarmonyOS）應用開發過程中，尤其是結合Flutter或命令行工具進行開發時，工具鏈配置問題往往是新手容易踩坑的地方。不同操作系統（如Windows和macOS）的配置細節略有差異，本文將針對兩個高頻錯誤——error: unknown command 'clean'和No

華為 , Flutter運行到鴻蒙 , 後端開發 , flutter , harmonyos , Python

收藏 評論

u_16099213 頭像

編程思想者 - Flutter如何狀態管理 - 專注於技術的研究

引言 在 Flutter 開發中，“狀態” 是貫穿 APP 生命週期的核心 —— 小到一個按鈕的 “是否選中”，大到跨頁面共享的 “用户登錄信息”，都屬於狀態的範疇。隨着 APP 複雜度提升，開發者常會陷入 “狀態混亂” 的困境：頁面間狀態傳遞繁瑣、狀態更新後 UI 不同步、重複代碼堆積導致維護困難。 傳統的 “父子組件傳參”（setStat

數據 , 架構 , 後端開發 , flutter , ide , Python , ui

收藏 評論

fulade 頭像

弗拉德 - 【Flutter 2-1】Flutter手把手教程UI佈局和Widget——文本和樣式 Text Widget

作者 | 弗拉德 來源 | 弗拉德（公眾號：fulade_me) Text 我們先來看Text的構造函數都有哪些參數： const Text( this.data, { //data 就是我們需要展示的文字 是字符串類型，這個是必傳字段，其他的都是可選 Key key, //widget的標識 this.style, //文本樣式

移動端 , dart , 移動端框架 , flutter , 移動端適配

收藏 評論

u_15171169 頭像

Datcon - Flutter 項目實戰：仿知乎日報評論頁（CommentsPage）

🎯 需求分析 我們要實現的功能包括： 全局可刷新的評論列表（支持下拉刷新） 底部固定“寫點評”按鈕（點擊提示功能暫不可用） 長評論區域：若無數據則顯示佔位圖 短評論默認收起，點擊展開 每條評論支持彈出操作菜單（回覆、點贊、舉報、複製等） 評論項包含：頭像、用户名、內容、回覆內容（如有）、時間、點贊數

移動開發 , CommentsPage , Android , flutter

收藏 評論

u_16099165 頭像

編程小達人 - Flutter 接入 firebase 快速構建應用

想要構建能夠支撐百萬用户的實時應用？FlutterFire為您提供了完整的Firebase生態集成解決方案！FlutterFire是一系列官方Firebase插件集合，專為Flutter應用設計，讓您輕鬆實現身份驗證、實時數據庫、雲存儲、消息推送等核心功能。 🚀 為什麼選擇FlutterFire？ 官方維護，質量保證 跨平台支持（Andro

firebase , flutter , 前端開發 , Git , Javascript

收藏 評論

u_16213628 頭像

mob64ca14031c97 - Flutter踩坑 錯誤解決整理

徹底解決 Flutter 開發 HarmonyOS 應用：No Hmos SDK found 報錯 在使用 flutter create --platforms ohos 創建 HarmonyOS（簡稱 OHOS）相關 Flutter 項目時，很多開發者會遇到核心報錯：No Hmos SDK found. Try setting the HOS_S

華為 , flutter , 根目錄 , harmonyos , 前端開發 , Javascript

收藏 評論

u_16213664 頭像

mob64ca140bbb8b - Flutter 完整開發實戰詳解手冊，深入探索 Flutter 原理_flutter完全手冊

目錄 引言：單引擎瓶頸與多引擎的核心價值 Flutter 引擎架構深度解析 多引擎技術原理：隔離性與通信機制 生產級實戰：多引擎隔離方案落地（附完整源碼） 性能優化：內存、啓動速度與渲染效率調優 生產環境避坑指南 適用場景與未來趨勢 總結 1. 引言：單引擎瓶頸與多引擎的核心價值 自 Fl

redis , 3d , 架構 , 數據庫 , flutter

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - Flutter 3.38 版本更新：客户端開發者需要關注這三點？

哈嘍，我是老劉 作為一個以Flutter為主要技術棧並且使用了差不多7年的開發者，其實老劉對Flutter版本更新的關注程度比很多人想象中要底很多。 本質上是因為在我的團隊裏對Flutter版本更新這件事會採用非常謹慎的策略。 我們的產品功能極少依賴最新版本的某個新組件，同時除非有非常嚴重的bug要解決，也不會急於升級到新版本。 但是Flutter 3.38版本我覺得各位開發者還是有必要關注一下的

客户端 , flutter , 跨平台開發

收藏 評論

pandorox 頭像

Pandorox - Flutter: BLoC 模式入門教程

原文：Flutter: BLoC 模式入門教程 瞭解如何使用流行的 BLoC 模式來構建 Flutter 應用程序，並使用 Dart streams 管理通過 Widgets 的數據流。 設計應用程序的結構通常是應用程序開發中爭論最激烈的話題之一。每個人似乎都有他們最喜歡的、帶有花哨首字母縮略詞的架構模式。 iOS 和 Android 開發人員精通 Model-View-Controller

狀態管理 , flutter , 架構模式

收藏 評論

fulade 頭像

弗拉德 - 【Flutter 2-4】FlutterUI佈局和Widget——Statelesswidget與Statefulwidget

Statelesswidget 如果一個Widget從初始化到使用再到銷燬，整個過程中都不需要修改其UI的樣式，例如純展示頁面，我們就用Statelesswidget。常見的Statelesswidget有：Text、Icon、ImageIcon、Dialog等。可以看到這些往往都是一些展示類的，不需要改變其狀態的控件。 使用Statelesswidget更輕量，更節省內存資源。初始化Sta

dart , 移動app , flutter-swiper , flutter , 跨平台開發

收藏 評論

qngyun1029 頭像

qngyun1029 - dart中，略顯混亂繼承、接口、with等，該怎麼理解？

最近在學習flutter，研究別人的組件，剛好看到一段代碼設計，如下（精簡過後）： 代碼解釋： 1、抽象類ColumnType提供了屬性defaultValue、方法test()； 2、具體類ColumnTypeNumber 實現implements了ColumnType； 3、具體類ColumnTypeNumber 混入with了ColumnTypeWithNumber；

dart , flutter

收藏 評論

gocoding 頭像

GoCoding - Flutter ncnn 使用

Flutter 實現手機端 App，如果想利用 AI 模型添加新穎的功能，那麼 ncnn 就是一種可考慮的手機端推理模型的框架。 本文即是 Flutter 上使用 ncnn 做模型推理的實踐分享。有如下內容： ncnn 體驗：環境準備、模型轉換及測試 Flutter 項目體驗： 本文 demo_ncnn 體驗 Flutter 項目實現 創建 FFI plugin，實現 d

yolo , mobx , Android , flutter

收藏 評論

xiangzhihong 頭像

xiangzhihong - 國內大廠都在使用哪些移動跨平台框架

自從移動應用開發興起以來，不少公司和開發者就在不斷的探索移動跨平台開發技術，以適應移動應用高速迭代的需求 。縱觀當前的移動跨平台方案，總結一下無外乎三大類：一種是使用原生內置的瀏覽器加載HTML5的Hybrid技術，採用此方案的主要有Cordova、Ionic和微信小程序；另一種是使用JavaScript開發，然後使用原生組件進行渲染，採用此方案的主要有React Native、Weex和快應用；

weex , react-native , flutter

收藏 評論

fulade 頭像

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

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

跨平台 , Android , 移動端web , flutter , ios

收藏 評論

fulade 頭像

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

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

跨平台 , Android , 移動端web , flutter , ios

收藏 評論

dewujishu 頭像

得物技術 - Flutter啓動流程分析之插件化升級探索

Flutter是Google推出的一款跨平台框架。與Weex等其他跨端框架不同的是，Flutter的界面佈局繪製是由自己完成的，而不是轉換成對應平台的原生組件。那麼各個平台是如何啓動它的呢？從Flutter官方提供的架構圖上看，Flutter Embedder層提供了底層操作系統到Flutter的程序入口，平台採用適合當前系統特性的方式去各自實現。本文基於flutter 2.0.6版本源碼，來探索

weex , 操作系統 , flutter , 插件化 , 流程

收藏 評論

jdcdevloper 頭像

京東雲開發者 - APP常用跨端技術棧深入分析

導讀 本文主要針對常用跨端技術Flutter、ReactNative、Weex、H5，從技術特點、基本架構、編譯原理、基本渲染流程等進行梳理分析；以及一些常見性能問題如何優化解決，然後如何進行技術選型或在進行業務開發時選擇不同技術棧的邏輯是什麼。 01 背景 在今年的敏捷團隊建設中，我通過Suite執行器實現了一鍵自動化單元測試。Juint除了Suite執行器還有哪些執行器呢？由

weex , reactnative , flutter , HTML

收藏 評論

flydean 頭像

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

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

佈局 , flutter

收藏 評論

flydean 頭像

flydean - flutter系列之:移動端手勢的具體使用

簡介 之前我們介紹了GestureDetector的定義和其提供的一些基本的方法，GestureDetector的好處就是可以把任何一個widget都賦予類似button的功能。 今天將會通過幾個具體的例子來講解一下GestureDetector的具體使用。 賦予widget可以點擊的功能 一般情況下，我們的普通widget，比如文本是不能進行交互的，但是如果將其用GestureDetector進

移動web開發 , 移動應用開發 , 移動端web , flutter

收藏 評論

youbeiputao 頭像

有杯葡萄 - 反對一切形式的”跨平台“前端框架

本來一個職位可以招三個人，結果你一個人用跨平台都幹了，剩下的兩個人只能在市場上卷。關鍵產出的東西，性能差、省力不省功，最後996還是你。你説這是利好了誰？ 跨平台框架的作者，也是coder出身，但是他背叛了程序員本這一羣體。我提議，作為程序員，要堅決抵制各種形式的跨平台，讓你的兄弟有飯吃、你的前同事有飯吃、讓你的家庭有飯吃、讓其他家庭的孩子有飯吃。如果每個程序員總是自掃門前雪，想着道友死貧道

weex , react-native , uniapp , flutter , taro

收藏 評論

dunizb 頭像

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

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

ionic , react-native , flutter

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - 記錄一個Flutter 3.24單元測試點擊事件bug

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

tdd , 單元測試 , flutter

收藏 評論