[{"data":1,"prerenderedAt":272},["ShallowReactive",2],{"wiki-page-/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":3,"wiki-doc-items-/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":249},{"id":4,"title":5,"body":6,"chapter":233,"chapterSort":234,"date":235,"description":12,"docKey":236,"docRoot":237,"docTitle":238,"extension":239,"isWikiDoc":240,"isWikiIndex":241,"layout":242,"meta":243,"navigation":240,"path":244,"seo":245,"stem":246,"wikiDepth":247,"__hash__":248},"content/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},"1",1000000,"2026-02-16","2026-02-16-flutter-jiao-cheng","/wiki/2026-02-16-flutter-jiao-cheng","Flutter教程","md",true,false,null,{},"/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie",{"title":5,"description":12},"wiki/2026-02-16-Flutter教程/ch1-简介",1,"safs_nXPUDaKkBmhx9rm4-O6rYF5xvJlkeIqEmDC4iM",[250,251,257,263,269],{"path":244,"stem":246,"title":5,"date":235,"chapter":233,"chapterSort":234,"docKey":236,"docRoot":237,"docTitle":238,"isWikiDoc":240,"isWikiIndex":241},{"path":252,"stem":253,"title":254,"date":235,"chapter":255,"chapterSort":256,"docKey":236,"docRoot":237,"docTitle":238,"isWikiDoc":240,"isWikiIndex":241},"/wiki/2026-02-16-flutter-jiao-cheng/ch2-can-kao-zi-liao","wiki/2026-02-16-Flutter教程/ch2-参考资料","参考资料","2",2000000,{"path":258,"stem":259,"title":260,"date":235,"chapter":261,"chapterSort":262,"docKey":236,"docRoot":237,"docTitle":238,"isWikiDoc":240,"isWikiIndex":241},"/wiki/2026-02-16-flutter-jiao-cheng/ch3-huan-jing-pei-zhi","wiki/2026-02-16-Flutter教程/ch3-环境配置","环境配置","3",3000000,{"path":264,"stem":265,"title":266,"date":235,"chapter":267,"chapterSort":268,"docKey":236,"docRoot":237,"docTitle":238,"isWikiDoc":240,"isWikiIndex":241},"/wiki/2026-02-16-flutter-jiao-cheng/ch4-dart-yu-yan-jiao-cheng","wiki/2026-02-16-Flutter教程/ch4-Dart语言教程","Dart语言教程","4",4000000,{"path":237,"stem":270,"title":238,"date":235,"chapter":242,"chapterSort":271,"docKey":236,"docRoot":237,"docTitle":238,"isWikiDoc":240,"isWikiIndex":240},"wiki/2026-02-16-Flutter教程/index",0,1778560327394]