[{"data":1,"prerenderedAt":289},["ShallowReactive",2],{"wiki-page-\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie":3,"wiki-doc-items-\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie":254,"language-switcher-data-\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie":273,"wiki-i18n-paths-\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie":288},{"id":4,"title":5,"body":6,"canonicalPath":233,"chapterDepth":234,"chapterOrder":235,"date":236,"description":12,"docI18nKey":237,"docKey":238,"docRoot":239,"docTitle":240,"extension":241,"i18nKey":242,"isBlogPost":243,"isWikiDoc":244,"isWikiIndex":243,"layout":245,"legacyPath":245,"locale":246,"localeSlug":247,"meta":248,"navigation":244,"path":233,"seo":249,"sourcePath":250,"sourceStem":242,"stem":251,"wikiDepth":252,"__hash__":253},"content\u002F_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002F0100-简介.md","簡介",{"type":7,"value":8,"toc":222},"minimark",[9,13,16,20,112,116,119,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183,187,201,205,208],[10,11,12],"p",{},"在移動互聯網逐漸成熟的今天，跨平台開發已經成為主流趨勢。如何用一套代碼，同時構建 Android、iOS、Windows、Linux 甚至 Web 應用？這正是 Flutter 誕生的意義。",[10,14,15],{},"Flutter 是由 Google 主導開發並持續維護的跨平台 UI 框架，使用 Dart 語言編寫。自發布以來，Flutter 迅速成長為全球最受歡迎的跨平台開發框架之一。",[17,18,19],"h3",{"id":19},"核心特性",[21,22,23,50,67,81,95],"ol",{},[24,25,26,27],"li",{},"真正的跨平台:",[21,28,29,32,35,38,41,44,47],{},[24,30,31],{},"Android",[24,33,34],{},"iOS",[24,36,37],{},"Windows",[24,39,40],{},"Linux",[24,42,43],{},"MacOS",[24,45,46],{},"Web",[24,48,49],{},"嵌入式設備\n一套代碼，多端運行，UI 表現高度一致。",[24,51,52,53],{},"自繪引擎，高度一致的 UI 表現\nFlutter 不依賴系統原生控件，而是通過自帶的渲染引擎（Skia）進行界面繪製。\n優點:",[21,54,55,58,61,64],{},[24,56,57],{},"不受系統版本差異影響",[24,59,60],{},"UI 表現高度統一",[24,62,63],{},"可以做到極其流暢的動畫效果",[24,65,66],{},"適合高度定製化界面",[24,68,69,70],{},"高性能接近原生,使用以下技術:",[21,71,72,75,78],{},[24,73,74],{},"AOT 編譯（Ahead-of-Time）",[24,76,77],{},"直接渲染到 Canvas",[24,79,80],{},"不依賴橋接通信（不像 React Native）\n實現接近原生應用的性能表現。\n對於複雜動畫、大量列表、實時交互場景，依然表現穩定。",[24,82,83,84],{},"熱重載（Hot Reload）\n開發過程中修改代碼，界面幾乎瞬間刷新。",[21,85,86,89,92],{},[24,87,88],{},"UI 調整效率極高",[24,90,91],{},"非常適合快速迭代",[24,93,94],{},"學習成本低，上手快",[24,96,97,98],{},"Dart 語言的優勢",[21,99,100,103,106,109],{},[24,101,102],{},"語法接近 C \u002F C++ \u002F Java",[24,104,105],{},"支持面向對象",[24,107,108],{},"支持異步編程（async \u002F await）",[24,110,111],{},"編譯速度快\n看我博客與知識庫的都是有 C\u002FC++或嵌入式開發背景，學習 Dart 會非常輕鬆。",[17,113,115],{"id":114},"flutter-的優勢總結","Flutter 的優勢總結",[10,117,118],{},"✅ 一套代碼，多端運行\n✅ 性能優異，接近原生\n✅ UI 一致性強\n✅ 動畫能力極強\n✅ 社區活躍，生態完善\n✅ 背靠 Google 長期支持",[17,120,122],{"id":121},"flutter-的應用場景","Flutter 的應用場景",[10,124,125],{},"Flutter 不僅僅適用於手機 App，它的應用範圍非常廣：",[10,127,128],{},"📱 移動應用開發",[10,130,131],{},"電商、社交、工具類 App",[10,133,134],{},"💻 桌面端應用",[10,136,137],{},"管理後台、上位機軟件、工具軟件",[10,139,140],{},"🌐 Web 應用",[10,142,143],{},"後台管理系統、企業官網",[10,145,146],{},"🤖 嵌入式 UI",[10,148,149],{},"車載系統、物聯網設備屏幕界面",[10,151,152],{},"對於嵌入式或 ROS 開發者來説，Flutter 非常適合作為跨平台上位機解決方案。",[17,154,155],{"id":155},"產業趨勢與企業實踐",[10,157,158],{},"Flutter 不只是“個人開發者玩具”。",[10,160,161],{},"🌍 Google 官方支持",[10,163,164],{},"Flutter 是 Google 官方重點投入的跨平台技術之一，並被用於多個內部產品。",[10,166,167],{},"📱 小米正在 All in Flutter",[10,169,170],{},"近年來，Xiaomi 在其手機,汽車系統與應用重構中大量採用 Flutter 技術棧，並逐步將其作為核心 UI 解決方案之一。",[10,172,173],{},"這意味着：",[10,175,176],{},"Flutter 已進入大型商業產品體系",[10,178,179],{},"不再只是創業團隊使用",[10,181,182],{},"具備長期技術生命力",[17,184,186],{"id":185},"本教程適合誰","本教程適合誰？",[21,188,189,192,195,198],{},[24,190,191],{},"想做跨平台 App 的開發者",[24,193,194],{},"嵌入式 \u002F 上位機開發者",[24,196,197],{},"C \u002F C++ \u002F Java 背景程序員",[24,199,200],{},"希望用一套技術覆蓋多端的工程師.",[17,202,204],{"id":203},"為什麼現在學習-flutter","為什麼現在學習 Flutter？",[10,206,207],{},"跨平台已經不是趨勢，而是現實。\n未來的軟件形態：",[21,209,210,213,216,219],{},[24,211,212],{},"手機 + 桌面端 + Web + IoT 融合",[24,214,215],{},"多設備協同",[24,217,218],{},"統一 UI 技術棧",[24,220,221],{},"Flutter 正是這個時代的產物。",{"title":223,"searchDepth":224,"depth":224,"links":225},"",2,[226,228,229,230,231,232],{"id":19,"depth":227,"text":19},3,{"id":114,"depth":227,"text":115},{"id":121,"depth":227,"text":122},{"id":155,"depth":227,"text":155},{"id":185,"depth":227,"text":186},{"id":203,"depth":227,"text":204},"\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie",0,"0100","2026-02-16","wiki\u002F2026-02-16-flutter-jiao-cheng","zh-hk:2026-02-16-flutter-jiao-cheng","\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng","Flutter教程","md","wiki\u002F2026-02-16-Flutter教程\u002F0100-简介",false,true,null,"zh-HK","zh-hk",{},{"title":5,"description":12},"\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie","_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002F0100-简介",1,"LuUN5lQZ79tRIEcMAopPmImbCr8QaiRM6xrCBnowiwg",[255,256,261,266,271],{"path":233,"stem":251,"title":5,"date":236,"chapterOrder":235,"chapterDepth":234,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},{"path":257,"stem":258,"title":259,"date":236,"chapterOrder":260,"chapterDepth":234,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0200-can-kao-zi-liao","_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002F0200-参考资料","參考資料","0200",{"path":262,"stem":263,"title":264,"date":236,"chapterOrder":265,"chapterDepth":234,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0300-huan-jing-pei-zhi","_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002F0300-环境配置","環境配置","0300",{"path":267,"stem":268,"title":269,"date":236,"chapterOrder":270,"chapterDepth":234,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"\u002Fzh-hk\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0400-dart-yu-yan-jiao-cheng","_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002F0400-Dart语言教程","Dart語言教程","0400",{"path":239,"stem":272,"title":240,"date":236,"chapterOrder":245,"chapterDepth":234,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":244},"_i18n\u002Fzh-hk\u002Fwiki\u002F2026-02-16-Flutter教程\u002Findex",{"variants":274},[275,278,281,282,285],{"path":276,"localeSlug":277,"i18nKey":242},"\u002Fen-us\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie","en-us",{"path":279,"localeSlug":280,"i18nKey":242},"\u002Fzh-hant\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie","zh-hant",{"path":233,"localeSlug":247,"i18nKey":242},{"path":283,"localeSlug":284,"i18nKey":242},"\u002Fzh-tw\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie","zh-tw",{"path":286,"localeSlug":287,"i18nKey":242},"\u002Fzh-cn\u002Fwiki\u002F2026-02-16-flutter-jiao-cheng\u002F0100-jian-jie","zh-cn",[276,250,279,250,233,250,283,250,286,250],1784646757887]