首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

带你不到80行代码搞定Flutter热更新

Flutter作为跨平台方案,相信最近很多小伙伴都已经开始接入了,我们的接入参考官方wiki,在成功接入之后,我们为了在CI构建中不依赖fluter环境,采用了调试模式使用源码的方式,打包的时候使用aar的方式,这样做的好处是,既能够保留开发期间的可调试行,也能保障构建环境不依赖Flutter环境。为此,我们团队双端各写了一个脚本,来切换接入模式,且自动将Flutter产物提提取并推送到原生工程以便打包。成功上线几个业务之后,我们遇到flutter的线上问题,大家可能和我当时的感受一样,没有一个比较好的开源工具来对Flutter进行热修复,在网上搜一下,如这篇,大多数表示只讲解原理,看原理理论上是行得通的,但是遗憾的是并没有具体实现过程,于是我们决定立足原理,来探索在Android上怎么实现Flutter页面的热更新,以下是热更新实现后的效果:

013

作为iOS开发者的一些flutter理解作为iOS开发者的一些flutter理解

1,statelesswidget、statefulwidget statelesswidget相当于静态的一些变量如:let,初始化之后就无法修改。在flutter中statelesswidget可以表示view、VC等视图,一旦渲染完成后则无法修改。 statefulwidget相当于变量,如:var,可以再修改它的值。在flutter中statefulwidget是通过对state这个对象的操作、监听来控制widget的重新渲染时机,应该是更加常用。 2,布局方式 首先可以确定的是flutter的布局方式是自动适配移动设备的。类似于autolayout的ax+b原理。应该还有其他的布局方式,暂时没有了解。 widget是一个类似于视图树,这个很重要!!!无法动态的添加和移除widget,只能使用state中添加一个变量来控制需要展示的widget。 3,动画 不同于iOS直接操作对应的UIView,flutter是使用一个动画库来包裹widgets。 FadeTransition可以对Widget进行淡入淡出效果的动画。 4,flutter生命周期 5,资源管理 不同于iOS资源文件夹导入之后无法直接引用,需要在pubspec.yaml此文件中添加对应的资源路径,保证资源被导入程序。而且根据注释,assets:的格式哪怕是空格都不能错。要不然就会出现找不到资源的问题

01
领券