前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter-引入第三方依赖包

Flutter-引入第三方依赖包

作者头像
Light413
发布2020-08-11 15:32:04
2.1K0
发布2020-08-11 15:32:04
举报

flutter.jpg

实际开发中引入第三方的功能模块极为常见,也就是别人写好的、封装好的实现特定功能的操作,这里称之为“包”,也可称为“库”。几乎每个平台都有管理第三方库的功能,比如iOS用Cocoapods或Carthage来管理依赖,Node中通过npm , php使用Composer等。

Flutter中对第三方依赖的管理通过配置文件pubspec.yaml来实现的;该文件位于项目根目录下;

2-.png

我们用到的第三方写在这里:

代码语言:javascript
复制
dependencies:
  flutter:
    sdk: flutter
  dio: ^3.0.0
  cupertino_icons: ^0.1.3

比如我添加了dio网络请求的库,如上形式;具体操作如下;

1、找到我们需要的包在代码库中的名称及所需的版本号:

所有的第三方都有个仓库来保存这些东西,我们使用就得先把它找出来,这个仓库就在这里【https://pub.flutter-io.cn】,国内站点访问;常用的第三方功能都能在这找到。

pub_dev.png

比如,搜dio;

3dio.png

第一个就是我们所需的包,直接如上图1设置即可;OK,这只是开始,然后执行

flutter pub get

get.png

获取代码到本地,也就是从远程仓库下载到本地,才能正常使用。

2、获取第三方包

直接如图3在Androidstudio中操作,不出意外的报错了;

Running "flutter pub get" in dctt_flutter...

终端一直提示这种状态,等了好久报错超时,无法连接“pub.dartlang.org/”,这是境外的,网络被墙了无法访问;

明明在系统变量里配置了访问的国内镜像呢;

代码语言:javascript
复制
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/uu/Desktop/flutter/sdk/bin:$PATH

在工具中却不起作用;此路不通,试试命令行操作;

代码语言:javascript
复制
MacBook-Pro dctt_flutter % flutter pub get
Waiting for another flutter command to release the startup lock...

还是报错了,上次操作未完成被锁住了,这个好处理;只要进入flutter sdk 目录,然后找到bin/cache/lockfile文件,删除后再运行命令,错误没了。

common.png

命令执行完成,此时包应该下载到本地了;pubspec.lock 文件中可以看到有包的信息;

代码中输入dio:如下有反应了,这说明包引入成功了!_!

dio2.png

3、下载的第三方包的位置

下载的代码包去哪里了,我们的项目中没有看到呀!不像iOS的那样,直接项目工程下就看到下载的代码;

顺着提示路径我们找到了这里:

path.png

居然在我们的Flutter SDK 中缓存目录里,

dio3.png

里面两个目录对应两个镜像地址,里面的包就是我们远程下载的,然后项目中直接使用,打包时直接链接进来了;

终于知道包怎么回事了,下面就可以在项目中愉快的使用了,不知道怎么用?不知道有什么功能?都没关系,直接去文档描述及示例,用了几次自然就熟悉了。

喜欢我就关注我吧,有任何问题欢迎指导,十分感谢!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、找到我们需要的包在代码库中的名称及所需的版本号:
  • 2、获取第三方包
  • 3、下载的第三方包的位置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档