其中注解说明
2. 生成 ViewData 类
3. 业务代码修改
修改视图变量为 ViewData 类型
原视图数据绑定逻辑放置后台线程
3.3 优化结果
4 Flutter 复杂长列表优化闲鱼首页，在恢复内容上屏速度（流畅度降低）后提升流畅度
flutter 一直以高性能被大家所认知，这也是闲鱼当初选择 flutter 的一个重要原因。而在闲鱼的实际 flutter 页面，如商品详情页和搜索结果页，长列表滑动流畅度体验却不尽人意。
4.1 工具使用和常见优化
做性能优化前，需要理解 flutter 的渲染原理，如 Widget、Element、RenderObject 三棵树结构、Widget 到屏幕显示过程等，可参考 《复杂业务如何保证Flutter的高性能高流畅度？》。
针对性能问题，首推官方性能分析工具并结合使用 profile 模式查看性能问题。
Profile 模式只能在真机上运行，不能在模拟器上运行：基本和 Release 模式一致，除了启用了服务扩展和 tracing，以及一些为了最低限度支持 tracing 运行的东西（比如可以连接 observatory 到进程）。命令 flutter run --profile 就是以这种模式运行的，通过 sky/tools/gn --android --runtime-mode=profile 或者 sky/tools/gn --ios --runtime-mode=profile 来 build。因为模拟器不能代表真实场景，所以不能在模拟器上运行引自：《Flutter性能调优、复杂业务保证Flutter的高性能高流畅》
4.1.1 检查 widget rebuild 情况
Android Studio 上 View→ToolWindows→FlutterPerformance打开检测 Widget rebuild 情况，可以发现 FDButtonBar 被频繁重建，然而查看视图内容并没有发生变化。查看代码定位到reducer.dart中会根据滑动事件更新 state 中的scrollPercent，进而产生重建。而在详情页中，scrollPercent在 Widget 构建中并未参与使用。
闲鱼页面中使用了 fish-redux，在 reducer.dart 的方法中返回不同的 state 对象则表示需要重建 widget
