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

複製程式碼

以上就是本章全部內容，歡迎關注三掌櫃的微信公眾號“程式猿by三掌櫃”，三掌櫃的新浪微博“三掌櫃 666”，歡迎關注！