Day20 - Flutter - 编译模式

简介: Day20 - Flutter - 编译模式

在Android和iOS中,应用程序运行分为debug和release模式,分别对应调试阶段和发布阶段;


在Flutter中,应用程序分为debug、profile、release三种模式,下面我们就聊一下三种模式的区别和应用


一. Flutter编译模式



  • 1.1. debug模式在 Debug 模式下,app 可以被安装在真机、模拟器、仿真器上进行调试。Debug 模式有如下特点:
  • 断言是开启的(Assertions)
  • 服务扩展是开启的(Service extension)
  • 这个可以从runApp的源码查看
  • runApp -> WidgetsFlutterBinding -> initServiceExtensions
  • 开启调试,类似于DevTools的工具可以连接到应用程序的进程中
  • 针对快速开发和运行周期进行了编译优化(但不是针对执行速度、二进制文件大小或者部署),比如Dart是JIT模式(Just In Time,即时编译,也可以理解成 边运行边编译)
  • 下面的情况会出现在Debug 模式下:
  • 热重载(Hot Reload)功能仅能在调试模式下运行;
  • 仿真器和模拟器仅能在调试模式下运行;
  • 在debug模式下,应用可能会出现掉帧或者卡顿现象;
  • 1.2. release模式当我们要发布应用程序时,总是希望最大化的优化性能和应用程序所占据的空间。在 Release 模式下是不支持模拟器和仿真器的,只能在真机上运行。Release 模式有如下特点:
  • 断言是无效的
  • 服务扩展是无效的
  • debugging是无效的
  • 编译针对快速启动、快速执行和小的 package 的大小进行了优化,比如Dart是AOT模式(Ahead Of Time,预先编译)


  • flutter run --release 命令会使用 Release 模式来进行编译,也可以给Android Studio进行配置:


image.png

如果继续运行在模拟器上:


image.png

  • 1.3、profile模式profile模式和release模式类似,但是会保留一些信息方便我们对性能进行检测。profile模式有如下特点:
  • 保留了一些扩展是开启的;
  • DevTools的工具可以连接到应用程序的进程中;
  • Profile模式最重要的作用就是可以利用DevTools来测试应用的性能;


二. 开发中模式区分



在开发中,我们可能想要对debug和release模式进行区分,根据不同的模式进行不同的相关设置:比如网络请求的baseURL

  • 2.1、如何进行区分呢?常见的有两种方式:
  • 通过assert断言,因为在release模式下断言是无效的,通过断言assert来区分:因为assert要求我们必须传入一个bool值,所以我们使用了一个立即执行函数


String baseURL = "production baseURL";
assert(() {
    baseURL = "development baseURL";
    return true;
}());
  • 通过kReleaseMode常量来区分


String baseURL = kReleaseMode ? "production baseURL": "development baseURL";
  • 2.2、我们一般用的判断是不是debug模式,也可以如下写一个属性
  • 直接用 kReleaseMode 判断
  • 断言判断


/* 判断当前是不是 Debug 模式 */
bool get isInDebugMode {
    bool inDebugMode = false;
    //如果debug模式下会触发赋值
    assert(inDebugMode = true);
    return inDebugMode;
}


目录
相关文章
|
10月前
|
Flutter笔记:状态提升、控制器模式、GetX控制器和服务
Flutter笔记:状态提升、控制器模式、GetX控制器和服务
439 0
Flutter&鸿蒙next 使用 BLoC 模式进行状态管理详解
本文详细介绍了如何在 Flutter 中使用 BLoC 模式进行状态管理。BLoC 模式通过将业务逻辑与 UI 层分离,利用 Streams 和 Sinks 实现状态管理和 UI 更新,提高代码的可维护性和可测试性。文章涵盖了 BLoC 的基本概念、实现步骤及代码示例,包括定义 Event 和 State 类、创建 Bloc 类、提供 Bloc 实例以及通过 BlocBuilder 更新 UI。通过一个简单的计数器应用示例,展示了 BLoC 模式的具体应用和代码实现。
148 1
Flutter集成fluwx编译出错:compileReleaseKotlin
Flutter集成fluwx编译出错:compileReleaseKotlin
123 2
Flutter UI设计模式与实现:深入探索与实践
【7月更文挑战第20天】Flutter以其独特的声明式UI模式和丰富的UI组件库,为移动应用开发提供了强大的支持。通过深入理解Flutter的UI设计模式和实现技巧,开发者可以构建出高性能、可维护性强的UI界面。同时,随着Flutter生态的不断完善和发展,相信未来Flutter将在移动应用开发领域发挥更加重要的作用。
解决Android、Flutter编译时Gradle报错:javax.net.ssl.SSLException: Connection reset
解决Android、Flutter编译时Gradle报错:javax.net.ssl.SSLException: Connection reset
764 0
【Flutter前端技术开发专栏】Flutter中的自定义主题与暗黑模式
【4月更文挑战第30天】本文介绍了如何在Flutter中自定义主题和实现暗黑模式。通过`ThemeData`类定义应用的外观,包括颜色、字体和样式。示例展示了如何设置主色、强调色及文本、按钮主题。暗黑模式可通过`darkTheme`属性启用,结合`ThemeData.dark()`方法定制。利用`MediaQuery`监听系统亮度变化,动态调整暗黑模式状态。Flutter的这些特性有助于开发者创建独特且用户友好的界面。
350 0
【Flutter前端技术开发专栏】Flutter中的自定义主题与暗黑模式
【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )
【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )
404 0
【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )
【错误记录】Flutter 编译报错 ( The parameter ‘‘ can‘t have a value of ‘null‘ because of its type, but the im )
【错误记录】Flutter 编译报错 ( The parameter ‘‘ can‘t have a value of ‘null‘ because of its type, but the im )
692 0
【错误记录】Flutter 编译报错 ( The parameter ‘‘ can‘t have a value of ‘null‘ because of its type, but the im )
【Flutter】Dart 语言 ( Dart 语言特征 | JIT 即时编译 | AOT 静态编译 )
【Flutter】Dart 语言 ( Dart 语言特征 | JIT 即时编译 | AOT 静态编译 )
292 0

热门文章

最新文章

  • 1
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    17
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    9
  • 3
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    54
  • 4
    零基础构建即时通讯开源项目OpenIM移动端-Flutter篇
    15
  • 5
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    3
  • 6
    flutter3-dart3-dymall原创仿抖音(直播+短视频+聊天)商城app系统模板
    7
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    4
  • 8
    flutter3-wetrip跨平台自研仿携程app预约酒店系统模板
    11
  • 9
    通过外部链接启动 Flutter App(详细介绍及示例)
    12
  • 10
    Flutter 61: 图解基本 Button 按钮小结 (一)
    2
  • 1
    flutter3-wetrip跨平台自研仿携程app预约酒店系统模板
    28
  • 2
    通过外部链接启动 Flutter App(详细介绍及示例)
    24
  • 3
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    134
  • 4
    零基础构建即时通讯开源项目OpenIM移动端-Flutter篇
    83
  • 5
    flutter3-dart3-dymall原创仿抖音(直播+短视频+聊天)商城app系统模板
    54
  • 6
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    163
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    49
  • 8
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    78
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    166
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    89
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等