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

复制代码