flutterapp开发过程

项目中出现的一些花心思的点，记录下来：

1. tabbar对应的不同widget的界面的实例好像不是存在在内存中，而且切换一次重新创建一次。

做法：第三方库lazy_indexed_stack。

2. loading库使用的是flutter_easyloading，但是是全局的， 需要首页几个tab页各自对应的有loading。

做法：定义一个LoadingContainer，包含Stack，children一个是原有的界面，一个是loading。

3. webview 用的flutter_webview_plugin，返回时要调用flutterWebViewPlugin.close()，不然导航栏看着会怪异。

做法： 用webview_flutter。

4. webview上如何再push view? 只好替换为webview_flutter。

做法：用webview_flutter。

5. flutter页面没有iOS中到viewWillAppear 和viewDidAppear等生命周期方法，有个需求要在首页设置statusBar为light，其他页面设置为dark。如何达到这个生命周期方法的效果呢？

做法： 未想到。

6. 如果使用WillPopScope，如webview里用它来做多个网页的返回，但是手势返回就会失效。

做法： 如果是网页，设计上应该做类似微信内网页模块效果，底部加上前进和后退的按钮，这样能支持手势返回。

7. 性能需求的解决方案，如帧率，内存使用，CPU使用，消耗CPU或GPU的点，开发中哪些需要注意的优化点等。

目前帧率采用第三方库：statsfl， 在iPhone7上，整体都是流畅的，包括长列表，webview会有点掉帧，其他页面跳转时有点掉帧。

优化点：

a. 透明度：设计上喜欢弄导航栏渐变，目前发现导航栏渐变会导致明显的卡顿，做了一点小优化，alpha改变了一定范围后再setState刷新界面。

8. 本地日志，如何采用mmap的日志方案？

有美团logan的方案。

9. 如何进行异常和崩溃采集？

是否能看到崩溃点的堆栈信息，待试验？

10. 关于 null safety。

swift的一大优点就在于空安全，dart在最近的版本中引入了空安全，对业务代码改动太多。

11. 关于埋点。

12. 内存回收的原理，以及是否有泄露的问题？

13. setState差别

flutter是全部更新，而不是只更新函数体内的状态。这点好像与react有区别。那么全部更新会有性能问题吗？flutter本身又会有复用的机制。

14. 线程的差别

flutter默认采用的是单线程

如果用多线程，线程是独立的内存，这样也方便dart进行内存的回收可以更快速便捷；与iOS不一样，iOS是线程间共享内存。

异步是采用事件循环的方式，与js相同。

计算密集的方式，采用computer会开启线程。

15. 双token如何处理？

A, B, C 三个异步的网络请求，都accessToken超期了，这个时候只能有一个去通过refreshToken刷新accessToken，然后利用新的accessToken重新执行A, B, C请求。

iOS下可以采用锁的方式，见“Moya下的双token代码”文章。

flutter下的暂时没想好。

16. 事件循环

flutter的事件循环是异步的核心，与iOS的runloop有些类似；

iOS的runloop无事情时会休眠有事情时会唤醒；

flutter的应该是一直循环；

17. 组件化

后期代码多了后，同样会有组件化的问题，目前flutterr组件化文章很少。

18. 网络代理

flutter默认是不支持网络代码，好处也是可以防止https中间人攻击；缺点就是抓包调试不方便；

当前采用了隐藏界面，可以设置代理ip和端口。

原生代码是用的dio库，可以统一设置网络代理；而h5的网络是独立的，没有走原生的网络代理；所以h5除非也进行处理，否则是无法抓包的。

或者原生有其他的方式来进行hook h5的请求之类的，待研究。

19. 扩大按钮点击区域

iOS的通过分类重写了UIButton的pointInside 或者 hitTest方法，再通过关联对象的方式设置了新的left,right,top,bottom的值，来判断是否在相应区域内；

flutter: 通过一个放大的Container包裹，Container的color需要设置；

20. 代码规范工具

swift可以借助xcode运行 pod库的代码规范工具；需要研究flutter对应的方案；

21. flutter的动态化

待关注行业动态；