写点什么

Flutter 开发:如何引入第三方库并安装使用

作者:三掌柜
  • 2023-04-21
    上海
  • 本文字数:1360 字

    阅读完需:约 4 分钟

Flutter 开发:如何引入第三方库并安装使用

前言

Flutter 开发过程中,会使用到各种各样的好用的插件和第三方库,对于刚入行的新手来说,掌握正确的 Flutter 项目引入第三方库是必备技能。那么本篇博文就来分享一下关于 Flutter 项目中如何正确引用并且更新安装第三库或者插件的方法。

引用并安装第三方库的方法

打开项目工程,找到项目文件目录结构里的 pubspec.yaml 文件,然后找到 dependencies 节点,在 dependencies 节点下添加想要引入的第三方库名称以及版本号信息,顺便把引入的第三方库做一个注释说明,方便后期查阅。

示例

引入 Flutter 常用三方库:dio 库和图片选择库。具体如下所示:

dependencies:  flutter:	sdk: flutter
dio: ^2.1.7 #网络请求库 image_picker: ^0.6.7+21 #图片选择
复制代码


拉取引入第三方库到项目本地引入三方库之后,工作还没有结束,需要从网上拉取第三方库到项目本地中,具体根据终端命令即可完成,终端命令如下所示:


flutter packages get

通过上述终端命令操作,即可完成引入第三方库并安装的操作。

实例

引入第三方库之后,在项目中具体使用如下所示(以图片选择这个三方库使用来讲):

import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';void main() => runApp(new MyApp());class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return new MaterialApp(      title: ‘Hello Flutter',      home: new Scaffold(        appBar: new AppBar(          title: new Text(‘Hello Flutter'),        ),        body: new Center(        		GestureDetector(                          onTap: _pickImage,                          child: Container(                            width: 150,                            height: 85,                            //图片通过装饰器去设置圆角是不起作用的,应该设置在装饰器内的背景图                            decoration: BoxDecoration(                              borderRadius:                                  BorderRadius.circular(10), //设置圆角,image没有这个属性                              //fit 填充                              image: DecorationImage(                                  image: _avataFile == null                                      ? AssetImage('images/shenfen_a.png')                                      : FileImage(_avataFile),                                  fit: BoxFit.cover),                            ),                          ), //头像                        ),        ),      ),    );  }}  void _pickImage() async {    //  ImageSource.gallery 使用相册    PickedFile file = await ImagePicker().getImage(source: ImageSource.gallery);    setState(() {      _avataFile = File(file.path);    });  }
复制代码




最后

本文关于 Flutter 开发中如何引入第三方库并安装使用,操作起来不复杂,但是需要仔细看清楚再使用,记录一下,方便查阅使用。以上就是本章全部内容,欢迎关注三掌柜的微信公众号“程序猿 by 三掌柜”,三掌柜的新浪微博“三掌柜 666”,欢迎关注!


发布于: 刚刚阅读数: 3
用户头像

三掌柜

关注

某某某技术有限责任公司架构师 2021-02-05 加入

一分耕耘,不一定有一分收获,但十分耕耘,一定会有一分收获!

评论

发布
暂无评论
Flutter 开发:如何引入第三方库并安装使用_三周年连更_三掌柜_InfoQ写作社区