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

2023-04-21
上海
本文字数：1360 字
阅读完需：约 4 分钟

前言

在 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);    });  }