Flutter 组件化 之 本地包

文章介绍了Flutter组件化的优点,如模块独立、复用和单元测试。接着详细阐述了如何创建不同类型的FlutterPackage,包括仅包含Dart代码的库以及包含iOS和Android原生代码的插件。在创建组件库后,需在项目的pubspec.yaml中引入组件,并处理可能的导入错误。这样可以实现组件在不同应用间的复用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

组件化的优点:

  1. 各个模块相互独立,方便管理
  2. 抽离出功能,方便多个app复用
  3. 方便单元测试

 

Flutter Package:用于单独的FlutterDart代码,不依赖与原生iOS/Android代码,生成的Package目录里没有iOS/Android目录,可创建example flutter项目配合测试。

一 第一步

在 lib 同级的目录下 创建一个component 的文件夹,用来存放自己的组件库

创建一个dart 语言的库

# 创建组件命令 例:创建一个以demo命名的组件库
# 1、只创建dart语言库
flutter create --template=package demo
# 2、包含iOS swift、android java 语言库
flutter create --org com.example --template=plugin --platforms=android,ios -a java demo
# 3、包含iOS Object-C、android java 语言库
flutter create --org com.example --template=plugin --platforms=android,ios -a java -i objc  demo
# 4、包含iOS Object-C、android Kotlin 语言库
flutter create --org com.example --template=plugin --platforms=android,ios -i objc demo
# 5、包含iOS Swift、android Kotlin 语言库
flutter create --org com.example --template=plugin --platforms=android,ios demo

如果自己的组件引用的有第三方 的库,在其pub文件中引入第三方库,宿主项目的pub的第三方库就可以删除了

二 第二步

在自己的项目 的 pub 文件中 ,引入组件库

pubspec.yaml 配置

dependencies:
  flutter:
    sdk: flutter
  # 组件化配置
  sk_net:    
    path: ./lib/component/sk_net

然后 运行 flutter pub get 

三 第三步

将自己抽离的组件库引入,把所有的引入报错都删除掉 按照提示进行新的引入

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值