[{"data":1,"prerenderedAt":293},["ShallowReactive",2],{"wiki-page-/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":3,"wiki-doc-items-/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":254,"language-switcher-data-/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":277,"wiki-i18n-paths-/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":292},{"id":4,"title":5,"body":6,"canonicalPath":233,"chapter":234,"chapterSort":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/_i18n/zh-hant/wiki/2026-02-16-Flutter教程/ch1-简介.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 / C++ / Java",[24,104,105],{},"支持面向對象",[24,107,108],{},"支持異步編程（async / await）",[24,110,111],{},"編譯速度快\n看我博客與知識庫的都是有 C/C++或嵌入式開發背景，學習 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],{},"嵌入式 / 上位機開發者",[24,196,197],{},"C / C++ / 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},"/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","1",1000000,"2026-02-16","wiki/2026-02-16-flutter-jiao-cheng","zh-hant:2026-02-16-flutter-jiao-cheng","/zh-hant/wiki/2026-02-16-flutter-jiao-cheng","Flutter教程","md","wiki/2026-02-16-Flutter教程/ch1-简介",false,true,null,"zh-Hant","zh-hant",{},{"title":5,"description":12},"/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","_i18n/zh-hant/wiki/2026-02-16-Flutter教程/ch1-简介",1,"ThsVni0KUAMTk5bqLaixbnjuATdhH0Xv70DnN3oXTuM",[255,256,262,268,274],{"path":233,"stem":251,"title":5,"date":236,"chapter":234,"chapterSort":235,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},{"path":257,"stem":258,"title":259,"date":236,"chapter":260,"chapterSort":261,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch2-can-kao-zi-liao","_i18n/zh-hant/wiki/2026-02-16-Flutter教程/ch2-参考资料","參考資料","2",2000000,{"path":263,"stem":264,"title":265,"date":236,"chapter":266,"chapterSort":267,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch3-huan-jing-pei-zhi","_i18n/zh-hant/wiki/2026-02-16-Flutter教程/ch3-环境配置","環境配置","3",3000000,{"path":269,"stem":270,"title":271,"date":236,"chapter":272,"chapterSort":273,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":243},"/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch4-dart-yu-yan-jiao-cheng","_i18n/zh-hant/wiki/2026-02-16-Flutter教程/ch4-Dart语言教程","Dart語言教程","4",4000000,{"path":239,"stem":275,"title":240,"date":236,"chapter":245,"chapterSort":276,"docKey":238,"docRoot":239,"docTitle":240,"isWikiDoc":244,"isWikiIndex":244},"_i18n/zh-hant/wiki/2026-02-16-Flutter教程/index",0,{"variants":278},[279,282,283,286,289],{"path":280,"localeSlug":281,"i18nKey":242},"/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","en-us",{"path":233,"localeSlug":247,"i18nKey":242},{"path":284,"localeSlug":285,"i18nKey":242},"/zh-hk/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-hk",{"path":287,"localeSlug":288,"i18nKey":242},"/zh-tw/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-tw",{"path":290,"localeSlug":291,"i18nKey":242},"/zh-cn/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-cn",[280,250,233,250,284,250,287,250,290,250],1780663011435]