flutter介绍

一,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

四、生命周期

截图2

五、学习资料地址

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值