Flutter项目优化

最新推荐文章于 2024-04-06 00:17:14 发布

小二李

最新推荐文章于 2024-04-06 00:17:14 发布

阅读量2.5k

点赞数

分类专栏： Flutter 文章标签： Flutter 优化

本文链接：https://blog.csdn.net/weixin_43800535/article/details/124140447

版权

Flutter 专栏收录该内容

53 篇文章 1 订阅

订阅专栏

本文针对Flutter项目优化，主要从代码优化、包大小、流畅性优化以及内存优化四个方面展开介绍。

代码优化

代码优化方面主要包括封装方法以及工具类两方面来对代码进行优化。

使用封装的好处一方面是为了代码简洁可读，另一方面也是为了以后的项目维护。

例如大部分应用都会应用到底部菜单导航栏，为了复用每一个菜单的构建逻辑，可以抽离出一个通用方法，来构建统一的菜单项。

 _bottomItem(String title, IconData icon, int index) {
    return BottomNavigationBarItem(
        icon: Icon(
          icon,
          color: _defaultColor,
        ),
        activeIcon: Icon(
          icon,
          color: _activeColor,
        ),
        label: title);
  }

// 使用封装的方法构建底部菜单项
bottomNavigationBar: BottomNavigationBar(
        currentIndex: _currentIndex,
        onTap: (index) {
          _controller.jumpToPage(index)
          setState(() {
            _currentIndex = index;
          });
        },
        // 禁用滚动
        type: BottomNavigationBarType.fixed,
        items: [
          _bottomItem('首页', Icons.home, 0),
          _bottomItem('搜索', Icons.search, 1),
          _bottomItem('旅拍', Icons.camera_alt, 2),
          _bottomItem('我的', Icons.account_circle, 3),
        ],
      )

又比如项目中用到的页面跳转，这时候可以将页面跳转通用逻辑封装到一个工具类中，方便在用到的地方直接调用即可。

navigator_util.dart

class NavigatorUtil {
  /// 跳转到指定页面
  static push(BuildContext context, Widget page) {
    Navigator.push(context, MaterialPageRoute(builder: (context) => page));
  }
}

然后替换所有用到页面跳转的地方为封装好的工具类方法。

 _wrapGesture(BuildContext context, Widget widget, CommonModel model) {
    return GestureDetector(
      onTap: () {
        // 跳转H5详情页
        NavigatorUtil.push(context,WebView(
            url: model.url,
            statusBarColor: model.statusBarColor,
            title: model.title,
            hideAppBar: model.hideAppBar));
      },
      child: widget,
    );
  }

包大小

包大小优化一方面可以对本地图片进行压缩，另一方面可以根据Flutter架构特性在打包时只打包出支持的架构so库。

针对图片优化，可以在图片压缩网站https://tinypng.com/对本地用到的所有图片进行压缩，这个网站对图片的压缩效果还是很客观的，而且图像清晰度也不会损失太多。

因为flutter没有armeabi架构的so，所以在打包时可以只配置打包出armeabi-v7a架构的apk版本。

app/build.gradle

 defaultConfig {
        applicationId "com.cnw.flutter_trip"
        minSdkVersion 16
        targetSdkVersion 30
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName

        // 解决app和module工程同时引入flutter依赖的冲突
        ndk {
            abiFilters "armeabi-v7a" //release 时只打"armeabi-v7包
        }
    }