Flutter 如何使用第三方控件

1. 包仓库

所有包都会发布到Dat的包仓库里，类似与Java的Jar包

https://pub.dev/

image.png

按照喜欢星级排序的第三方库

https://pub.dev/flutter/packages?sort=like

image.png

2. 在pubspec.yaml文件,dependencies下添加名称和版本

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.0
  fluttertoast: ^3.1.3
  http: ^0.12.0+1
  dio: ^2.0.14
  url_launcher: ^4.2.0+3

image.png

点击4 Pub outdated 可以查看第三方库的版本信息

image.png

3. 在dart中间中导入第三方控件包

import 'package:url_launcher/url_launcher.dart';

4. 示例用url打开百度

launch(url) 该方法必须导入url包 才能使用。

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

class UrlPackageExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "使用第三包示例",
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("使用第三方包示例"),
        ),
        body: new Center(
          child: new RaisedButton(
            onPressed: () {
              const url = "https://www.baidu.com/";
              launch(url);
            },
            child: new Text("打开百度"),
          ),
        ),
      ),
    );
  }
}

第三包打开.gif