Flutter官宣自绘UI引擎,采用原生方式做渲染,媲美原生体验。

https://mp.weixin.qq.com/s/VP6WEQkEel3W4tdo3ThYDw
image.png

优势

在复杂业务和长列表上面体验,确实 Flutter 优于 React Native。但是React Native 也有它的优势,比如灵活的版本迭代。

MVVM

建议Flutter主体的构架采用MVVM模式

Flutter 布局技巧

图片预加载

用到网络图片的地方,经常会先白一下

  1. ///对每一页加载的数据进行做图片预加载
  2. (hotelListViewModel.currentPageHotels ?? []).forEach((element) {
  3. var logo = element?.logo ?? "";
  4. if (StringUtil.isNotEmpty(logo)) {
  5. precacheImage(NetworkImage(logo), context);
  6. }
  7. });