一,flutter介绍
Flutter是Google发布的一个用于创建跨平台、高性能移动应用的框架。它没有使用原生控件,而是实现了一个自绘引擎,使用自身的布局、绘制系统。开发Flutter应用使用的是Dart语言。提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
了解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