[{"data":1,"prerenderedAt":300},["ShallowReactive",2],{"wiki-page-/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":3,"wiki-doc-items-/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":260,"language-switcher-data-/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":284,"wiki-i18n-paths-/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie":299},{"id":4,"title":5,"body":6,"canonicalPath":239,"chapter":240,"chapterSort":241,"date":242,"description":12,"docI18nKey":243,"docKey":244,"docRoot":245,"docTitle":246,"extension":247,"i18nKey":248,"isBlogPost":249,"isWikiDoc":250,"isWikiIndex":249,"layout":251,"legacyPath":251,"locale":252,"localeSlug":253,"meta":254,"navigation":250,"path":239,"seo":255,"sourcePath":256,"sourceStem":248,"stem":257,"wikiDepth":258,"__hash__":259},"content/_i18n/en-us/wiki/2026-02-16-Flutter教程/ch1-简介.md","Introduction",{"type":7,"value":8,"toc":228},"minimark",[9,13,16,21,117,121,124,128,131,134,137,140,143,146,149,152,155,158,162,165,168,171,174,177,180,183,186,189,193,207,211,214],[10,11,12],"p",{},"As mobile internet matures, cross-platform development has become a mainstream trend. How can you build Android, iOS, Windows, Linux, and even web applications with a single codebase? That is precisely the purpose of Flutter.",[10,14,15],{},"Flutter is a cross-platform UI framework led and continuously maintained by Google, written in the Dart language. Since its release, Flutter has quickly grown into one of the most popular cross-platform development frameworks in the world.",[17,18,20],"h3",{"id":19},"core-features","Core Features",[22,23,24,51,72,86,100],"ol",{},[25,26,27,28],"li",{},"True cross-platform:",[22,29,30,33,36,39,42,45,48],{},[25,31,32],{},"Android",[25,34,35],{},"iOS",[25,37,38],{},"Windows",[25,40,41],{},"Linux",[25,43,44],{},"MacOS",[25,46,47],{},"Web",[25,49,50],{},"Embedded device\nA single codebase runs across multiple platforms, delivering highly consistent UI performance.",[25,52,53,54,58],{},"Self-drawn engine, highly consistent UI rendering.\nFlutter does not rely on the system's native controls; instead, it draws its interface through its own rendering engine (Skia).\n",[55,56,57],"strong",{},"Advantages:",[22,59,60,63,66,69],{},[25,61,62],{},"Unaffected by differences in system versions",[25,64,65],{},"The UI performance is highly consistent.",[25,67,68],{},"Can achieve extremely smooth animation effects.",[25,70,71],{},"Suitable for highly customized interfaces",[25,73,74,75],{},"High performance, near-native, using the following technologies:",[22,76,77,80,83],{},[25,78,79],{},"AOT compilation (Ahead-of-Time)",[25,81,82],{},"Render directly to Canvas",[25,84,85],{},"Does not rely on bridging communication (unlike React Native)\nAchieves performance close to that of a native application.\nFor complex animations, large lists, and real-time interaction scenarios, performance remains stable.",[25,87,88,89],{},"Hot Reload\nDuring development, modifying the code refreshes the interface almost instantly.",[22,90,91,94,97],{},[25,92,93],{},"UI adjustments are extremely efficient.",[25,95,96],{},"Perfect for rapid iteration.",[25,98,99],{},"Low learning curve, quick to get started.",[25,101,102,103],{},"The advantages of the Dart language",[22,104,105,108,111,114],{},[25,106,107],{},"The syntax is similar to C / C++ / Java.",[25,109,110],{},"Supports object-oriented programming.",[25,112,113],{},"Supports asynchronous programming (async / await)",[25,115,116],{},"Fast compilation speed\nAnyone reading my blog and knowledge base has a background in C/C++ or embedded development, so learning Dart will be very easy.",[17,118,120],{"id":119},"summary-of-flutters-advantages","Summary of Flutter's advantages",[10,122,123],{},"✅ One codebase, multiple platforms\n✅ Excellent performance, close to native.\n✅ Strong UI consistency\n✅ Extremely strong animation capabilities\n✅ Active community, well-established ecosystem\n✅ Backed by Google's long-term support",[17,125,127],{"id":126},"flutters-application-scenarios","Flutter's application scenarios",[10,129,130],{},"Flutter isn't just for mobile apps—it has a very wide range of applications:",[10,132,133],{},"📱 Mobile App Development",[10,135,136],{},"E-commerce, social media, and utility apps",[10,138,139],{},"💻 Desktop Application",[10,141,142],{},"Management backend, host computer software, tool software",[10,144,145],{},"🌐 Web Application",[10,147,148],{},"Backend management system, corporate website",[10,150,151],{},"🤖 Embedded UI",[10,153,154],{},"Vehicle system and IoT device screen interfaces",[10,156,157],{},"For embedded or ROS developers, Flutter is an excellent cross-platform host computer solution.",[17,159,161],{"id":160},"industry-trends-and-enterprise-practices","Industry trends and enterprise practices",[10,163,164],{},"Flutter is more than just a \"toy for individual developers.\"",[10,166,167],{},"🌍 Official Google Support",[10,169,170],{},"Flutter is one of Google's officially prioritized cross-platform technologies and is used in several of its internal products.",[10,172,173],{},"📱 Xiaomi is going all in on Flutter",[10,175,176],{},"In recent years, Xiaomi has extensively adopted the Flutter technology stack in the restructuring of its phone and automotive systems and applications, gradually making it one of its core UI solutions.",[10,178,179],{},"This means:",[10,181,182],{},"Flutter has entered the ecosystem of large-scale commercial products.",[10,184,185],{},"No longer just used by startup teams.",[10,187,188],{},"Possesses long-term technical vitality.",[17,190,192],{"id":191},"who-is-this-tutorial-for","Who is this tutorial for?",[22,194,195,198,201,204],{},[25,196,197],{},"Developers who want to build cross-platform apps",[25,199,200],{},"Embedded / host computer developer",[25,202,203],{},"C / C++ / Java background programmer",[25,205,206],{},"Engineers hoping to cover multiple platforms with a single set of technologies.",[17,208,210],{"id":209},"why-learn-flutter-now","Why learn Flutter now?",[10,212,213],{},"Cross-platform is no longer a trend; it is a reality.\nFuture Forms of Software",[22,215,216,219,222,225],{},[25,217,218],{},"Mobile + Desktop + Web + IoT Integration",[25,220,221],{},"Multi-device collaboration",[25,223,224],{},"Unified UI technology stack",[25,226,227],{},"Flutter is precisely a product of this era.",{"title":229,"searchDepth":230,"depth":230,"links":231},"",2,[232,234,235,236,237,238],{"id":19,"depth":233,"text":20},3,{"id":119,"depth":233,"text":120},{"id":126,"depth":233,"text":127},{"id":160,"depth":233,"text":161},{"id":191,"depth":233,"text":192},{"id":209,"depth":233,"text":210},"/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","1",1000000,"2026-02-16","wiki/2026-02-16-flutter-jiao-cheng","en-us:2026-02-16-flutter-jiao-cheng","/en-us/wiki/2026-02-16-flutter-jiao-cheng","Flutter教程","md","wiki/2026-02-16-Flutter教程/ch1-简介",false,true,null,"en-US","en-us",{},{"title":5,"description":12},"/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","_i18n/en-us/wiki/2026-02-16-Flutter教程/ch1-简介",1,"306xSTxRcRgLztkMFo1quIw30ZgmeX05U2unS_0xNgU",[261,262,268,274,280],{"path":239,"stem":257,"title":5,"date":242,"chapter":240,"chapterSort":241,"docKey":244,"docRoot":245,"docTitle":246,"isWikiDoc":250,"isWikiIndex":249},{"path":263,"stem":264,"title":265,"date":242,"chapter":266,"chapterSort":267,"docKey":244,"docRoot":245,"docTitle":246,"isWikiDoc":250,"isWikiIndex":249},"/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch2-can-kao-zi-liao","_i18n/en-us/wiki/2026-02-16-Flutter教程/ch2-参考资料","references","2",2000000,{"path":269,"stem":270,"title":271,"date":242,"chapter":272,"chapterSort":273,"docKey":244,"docRoot":245,"docTitle":246,"isWikiDoc":250,"isWikiIndex":249},"/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch3-huan-jing-pei-zhi","_i18n/en-us/wiki/2026-02-16-Flutter教程/ch3-环境配置","Environment Setup","3",3000000,{"path":275,"stem":276,"title":277,"date":242,"chapter":278,"chapterSort":279,"docKey":244,"docRoot":245,"docTitle":246,"isWikiDoc":250,"isWikiIndex":249},"/en-us/wiki/2026-02-16-flutter-jiao-cheng/ch4-dart-yu-yan-jiao-cheng","_i18n/en-us/wiki/2026-02-16-Flutter教程/ch4-Dart语言教程","Dart language tutorial","4",4000000,{"path":245,"stem":281,"title":282,"date":242,"chapter":251,"chapterSort":283,"docKey":244,"docRoot":245,"docTitle":246,"isWikiDoc":250,"isWikiIndex":250},"_i18n/en-us/wiki/2026-02-16-Flutter教程/index","Flutter tutorial",0,{"variants":285},[286,287,290,293,296],{"path":239,"localeSlug":253,"i18nKey":248},{"path":288,"localeSlug":289,"i18nKey":248},"/zh-hant/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-hant",{"path":291,"localeSlug":292,"i18nKey":248},"/zh-hk/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-hk",{"path":294,"localeSlug":295,"i18nKey":248},"/zh-tw/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-tw",{"path":297,"localeSlug":298,"i18nKey":248},"/zh-cn/wiki/2026-02-16-flutter-jiao-cheng/ch1-jian-jie","zh-cn",[239,256,288,256,291,256,294,256,297,256],1780663020429]