Skip to content

第三方库

介绍

  1. flutter 官网第三方库查找 需要的库

  2. 通过 RemadeExample 了解基本的使用,详细通过右侧导航栏进入其 github 主页或其官网页(Homepage)了解

  3. 通过 Installing 知道如果安装和引入

导入

  1. 根据 Installing 的引导,在项目根目录下的 pubspec.yaml 文件的对应位置添加 库名: ^版本

    • flutter_color
    yaml
    dependencies:
      flutter:
        sdk: flutter
      cupertino_icons: ^1.0.2
      flutter_color: ^2.0.0 # installing 中的版本是多少就写多少
  2. 然后点击上方的 Pub get 导入,或进入项目目录,执行 flutter packages get

  3. 然后就可以看到以下内容

    shell
    flutter packages get
    Running "flutter packages get" in flutter_in_action...
    Process finished with exit code 0

pubspec.yaml 字段解释

  • name:应用或包名称
  • description: 应用或包的描述、简介
  • version:应用或包的版本号
  • dependencies:应用或包依赖的其它包或插件
  • dev_dependencies:开发环境依赖的工具包(而不是flutter应用本身依赖的包)
  • flutter:flutter相关的配置选项

使用

  1. 复制 Installing 中的 Import it
  2. 粘贴到需要使用此库的 dart 文件里
  3. 根据文档使用即可

flutter_color

dart
import 'package:flutter/material.dart';
import 'package:flutter_color/flutter_color.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('header'),
        ),
        body: Center(
          child: Text(
            'hello world',
            style: TextStyle(color: HexColor('ff0000')) // 使用
          ),
        ),
      ),
    );
  }
}

其他依赖方式

依赖本地包

yaml
dependencies:
	pkg1:
        path: ../../code/pkg1

路径可以是相对的,也可以是绝对的

依赖 Git

如果软件包位于仓库的根目录

yaml
dependencies:
  pkg1:
    git:
      url: git://github.com/xxx/pkg1.git

如果不是这种情况,可以使用path参数指定相对位置

dart
dependencies:
  package1:
    git:
      url: git://github.com/flutter/packages.git
      path: packages/package1