当前位置: 首页 > news >正文

Flutter分模块开发、模块可单独启动、包含Provider

前言

当前案例 Flutter SDK版本:3.13.2

目前Flutter都是在一个项目中,创建不同目录进行模块开发,我进行Android原生开发时,发现原生端,是可以将每个模块独立运行起来的,灵感来自这;

折腾了几天,终于给整出来了。

1、创建根目录

新建一个空文件夹,我这里给其命名为 flutter_module_develop

2、创建模块

就是在 flutter_module_develop 文件夹中,创建Flutter项目;

2.1、创建主模块

命名为app,我是照着Android原生的来命名的,这个命名大家自定义;

2.2、创建子模块

命名为 homeorderpersonalcommon

3.1、给每个模块创建启动文件

使用开发工具打开 flutter_module_develop 目录,我使用的是AndroidStudio,然后找到有入口函数的文件,什么是入口函数?就是这玩意,这样每个模块都可以独立启动,算是分模块开发的核心

void main() {runApp(...);
}

所有模块都是一样的创建流程,最后的效果。

4、建立依赖

4.1、在common模块的pubspec.yaml中添加相关依赖库

我在这里添加了provider 库;

4.2、在home、order、personal的pubspec.yaml中添加common模块

4.3、在app模块的pubspec.yaml中添加home、order、personal模块

5、Provider

common 模块中声明 状态,这样所有模块都可以找到;

import 'package:flutter/cupertino.dart';class Counter extends ChangeNotifier {int count = 0;void compute() {count++;notifyListeners();}
}

6、问题

6.1、跨模块无法访问静态资源

我将 图片字体 放在 common 模块中,本以为其他模块也可以引用,事实证明不可以

因为它默认找到是启动模块的包路径,当前启动的是 app 模块,所以找不到 common 模块下的本地资源文件;

但我找到了解决方向,这些加载本地资源的Widget,很多都提供了 package 属性,遗憾的是,我没有找到正确的使用方式,如果哪位同学解决了,麻烦评论区留言,目前解决方案,就是每个模块各管各的静态资源。

7、注意事项

7.1、依赖的模块发生更改所有关联的模块,都需要重新 pub get,不然找不到更新的内容

7.2、引用依赖模块的对象时,编译器没有提示,需要手动导包 ( import 'xx/xx.dart' ) ,不过好在导包的时候有提示

7.3、Android原生的gradle需要统一版本不仅仅是Android原生,或者说所有模块原生平台的构建工具,都需要统一版本,不然可能会出问题;

7.4、Flutter项目,占电脑的磁盘空间会变大,大2.5倍,这个应该不是问题,除非是大型游戏项目,几十G,就算翻倍,大不了加硬盘;

总结

项目依赖图

效果图

打包体积

新建的单一Flutter项目,打包体积为 17.4MB,而案例中包含五个模块的Flutter项目,打包体积为 17.9MB,体积还算合理

官方

我已经将这种方式给官方过了目,官方回复效率也非常高,后期如果有新进展,会时时更新,比如那个跨模块无法访问静态资源的问题。

Flutter is developed in modules, and each module can run independently · Issue #147847 · flutter/flutter · GitHub

项目地址

GitHub - LanSeLianMa/flutter_module_develop

http://www.lryc.cn/news/342126.html

相关文章:

  • Element-UI快速入门:构建优雅的Vue.js应用界面
  • Flutter 中的 @immutable:深入解析与最佳实践
  • Pandas数据可视化 - Matplotlib、Seaborn、Pandas Plot、Plotly
  • 人工智能的发展将如何重塑网络安全
  • Prometheus+Grafana多方位监控
  • 使用Docker安装Redis
  • React 之 Effect与事件(event)(八)
  • 网卡的了解
  • SSM框架目录
  • MATLAB实现杜拉德公式和凯夫公式的计算固液混合料浆临界流速
  • Oceanbase all-in-one单机版部署,通过MySQL客户端连接OB租户,DBEAVER 客户端连接MySQL租户。
  • 【DevOps】玩转 Google Cloud:项目切换与 K8s 集群访问
  • 大模型_DISC-MedLLM基于Baichuan-13B-Base医疗健康对话
  • 开源模型 Prometheus 2 能够评估其他语言模型,其效果几乎与 GPT-4 相当
  • 【Java】HOT100 贪心算法
  • 绝地求生:PUBG杜卡迪联名进入倒计时3天!
  • 【论文阅读】Learning Texture Transformer Network for Image Super-Resolution
  • 读字库写FM24C04
  • boost::asio::ip::tcp::socket set_option
  • 华为鸿蒙HarmonyOS应用开发者高级认证答案
  • ElasticSearch 与 OpenSearch:拉开性能差距
  • Java构造器
  • TiDB系列之:使用TiUP部署TiDB集群最新版本,同时部署TiCDC的详细步骤
  • 【经典算法】LeetCode 72. 编辑距离(Java/C/Python3/Go实现含注释说明,中等)
  • webstorm 常用插件
  • clang:在 Win10 上编译 MIDI 音乐程序(二)
  • 【redis】Redis数据类型(三)List类型
  • Java面试题:多线程2
  • T型槽地轨承载力是如何连接整个制造过程的强力桥梁(北重公司设计)
  • 【Numpy】一文向您详细介绍 np.linspace()