Flutter入门介绍说明.pptxVIP

Flutter框架及应用 目录 Contents123延时符移动开发进化历程Flutter简介系统架构 一移动开发进化历程原生开发与跨平台技术原生应用程序是指某一个移动平台（比如iOS或安卓）所特有的应用，使用相应平台支持的开发工具和语言，并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序；而iOS原生应用就是指通过Objective-C或Swift语言直接调用iOS SDK开发的应用程序。 一移动开发进化历程01主要优势02可访问平台全部功能（GPS、摄像头）速度快、性能高、可以实现复杂动画及绘制，整体用户体验好； 一移动开发进化历程01主要缺点平台特定，开发成本高；不同平台必须维护不同代码，人力成本随之变大02内容固定，动态化弱，大多数情况下，有新功能更新时只能发版 一移动开发进化历程延伸的问题：在移动互联网发展初期，业务场景并不复杂，原生开发还可以应对产品需求迭代。 但近几年，随着物联网时代到来、移动互联网高歌猛进，日新月异，在很多业务场景中，传统的纯原生开发已经不能满足日益增长的业务需求主要表现在：动态化内容需求增大；当需求发生变化时，纯原生应用需要通过版本升级来更新内容，但应用上架、审核是需要周期的，这对高速变化的互联网时代来说是很难接受的，所以，对应用动态化(不发版也可以更新应用内容)的需求就变的迫在眉睫。业务需求变化快，开发成本变大； H5 + 原生（Cordova、Ionic、微信小程序）JavaScript 开发 + 原生渲染 （React Native、Weex）自绘UI + 原生 (Qt for mobile、Flutter)跨平台技术简介 一移动开发进化历程 H5 + 原生 这类框架主要原理就是将 App 中需要动态变动的内容通过HTML5来实现，通过原生的网页加载控件WebView （Android）或 WKWebView（iOS）来加载。 这种方案中，H5 部分是可以随时改变而不用发版，动态化需求能满足；同时，由于 H5 代码只需要一次开发，就能同时在 Android 和 iOS 两个平台运行，这也可以减小开发成本，也就是说，H5 部分功能越多，开发成本就越小。我们称这种 H5 + 原生 的开发模式为混合开发 ，采用混合模式开发的App我们称之为混合应用或 HTMLybrid App ，如果一个应用的大多数功能都是 H5 实现的话，我们称其为 Web App 。混合应用的优点是动态内容是 H5，Web 技术栈，社区及资源丰富。缺点是性能体验不佳，对于复杂用户界面或动画，WebView 有时会不堪重任。 一移动开发进化历程React Native、Weex React Native （简称 RN ）是 Facebook 于 2015 年 4 月开源的跨平台移动应用开发框架，是 Facebook 早先开源的 Web 框架 React 在原生移动应用平台的衍生产物。 Weex 是阿里巴巴于 2016 年发布的跨平台移动端开发框架，思想及原理和 React Native 类似，底层都是通过原生渲染的，不同是应用层开发语法 （即 DSL，Domain Specific Language）采用 Web 开发技术栈、开发成本相对较低。原生渲染，性能相比 H5 提高很多动态化较好，支持热更新渲染时需要 JavaScript 和原生之间通信，在有些场景如拖动可能会因为通信频繁导致卡顿由于渲染依赖原生控件，不同平台的控件需要单独维护 一移动开发进化历程Qt Mobile 通过在不同平台实现一个统一接口的渲染引擎来绘制UI，而不依赖系统原生控件，所以可以做到不同平台UI的一致性。性能高；由于自绘引擎是直接调用系统API来绘制UI，所以性能和原生控件接近灵活、组件库易维护、UI外观保真度和一致性高动态性不足应用开发效率低：Qt 使用 C++ 作为其开发语言，而编程效率是直接会影响 App 开发效率的 一移动开发进化历程 二Flutter简介Flutter 是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android平台。2019202020212022Flutter1.2正式发布Flutter势头正盛Flutter3.0发布Flutter2.0发布，支持Flutter web 二Flutter简介Flutter 底层使用 Skia 作为其 2D 渲染引擎。Skia 是跨平台的，并提供了非常友好的 API。跨平台自绘引擎高性能第一：Flutter采用 Dart 语言开发。Dart 在 JIT（