flutter介绍

一，flutter介绍

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

了解flutter

提示：以下是本篇文章正文内容，下面案例可供参考

一、跨平台框架对比

H5 + 原生
优点：动态更新代码，组件库多，减少开发成本
缺点：WebView渲染界面，性能体验相对Native较差。
JS开发 + 原生
代表框架React Native, Weex, 快应用, 原理都是JS去映射 Android | Ios 原生控件。
优点：原生渲染，性能相比H5提高很多。动态化较好，支持热更新。
缺点：搭建开发环境复杂；JavaScript为脚本语言，执行时需要JIT，执行效率和AOT代码仍有差距。由于渲染依赖原生控件，不同平台的控件需要单独维护，并且当系统更新时，社区控件可能会滞后；除此之外，其控件系统也会受到原生UI系统限制，例如，手势冲突消歧规则是固定的，这在使用不同人写的控件嵌套时，手势冲突问题将会变得非常棘手。
flutter优缺点
缺点:不支持热更新，开发语言dart语言小众。
优点：渲染引擎来绘制 UI，而不依赖系统平台的原生控件，保证不同平台 UI 的一致性；Flutter性能会更好无线接近原生的体验；Flutter的兼容性高；
搭建开发环境较为方便；

二、创建项目

1.创建新项目

官网https://flutterchina.club/setup-windows/ 官网介绍很全了。 下载对应sdk->配置环境变量->配置androidstudio/vscode编辑器->打开编辑器创建一个flutter项目。

2.兼容老项目

在已有项目中输入命令flutter create -t module moduleName (创建一个flutter模块)
安卓代码修改：
1，Android项目工程的settings.gradle增加以下配置
setBinding(new Binding([gradle: this]))
evaluate(new File(
settingsDir.parentFile,
‘flutterhyz/flutter_module/.android/include_flutter.groovy’
))
2，app的build.gradle增加implementation project(’:flutter’)
ios端修改:
1,Podfile文件中添加依赖
flutter_application_path’/Users/liuxinye/Desktop/WorkPro/AppGroup/platforms/xagf_flutter’
load File.join(flutter_application_path, ‘.ios’, ‘Flutter’, ‘podhelper.rb’)
2，在集成flutter的target中添加
install_all_flutter_pods(flutter_application_path)
3、执行 pod install

三、目录介绍

四、生命周期

五、学习资料地址

1，官网
https://flutter.dev
https://flutter.dev/docs/get-started/install
https://api.flutter.dev
https://pub.dev
中文网:
https://flutterchina.club
https://flutterchina.club/get-started/install
https://book.flutterchina.club
https://flutter.cn/docs/resources/faq#run-android(关于flutter一百问)
dart
https://dart.dev
https://dart.cn
https://dart.cn/guides/language/language-tour
https://dart.cn/guides/libraries/library-tour