Flutter技术入门与实战
上QQ阅读APP看书,第一时间看更新

2.5 使用包资源

Flutter包类似于Java语言里的jar包,由全球众多开发者共同提供第三方库。例如,网络请求(http)、自定义导航/路由处理(fluro)、集成设备API(如url_launcher&battery)以及第三方平台SDK(如Firebase)等。这使得开发者可以快速构建应用程序,而无须从头造轮子。

1.包仓库

所有包(package)都会发布到Dart的包仓库里,如图2-3所示,输入你想使用的包后点击搜索即可。

图2-3 Dart包仓库

提示

包仓库地址为:https://pub.dartlang.org

2.包使用示例

接下来使用url_launcher这个包来详解讲解第三方包的使用,步骤如下。

步骤1:打开pubspec.yaml文件,在dependencies下添加包的名称及版本,如图2-4箭头指向的内容所示。

图2-4 添加url_lancher包

步骤2:点击Packages get命令来获取工程配置文件中所添加的引用包,或者打开命令行窗口执行flutter packages get命令,如图2-5所示。

图2-5 执行Packages get命令

注意

在更新包资源的过程中注意观察控制台消息,可能有版本错误、网络问题,这些都会导致更新失败。

步骤3:打开main.dart文件,导入url_launcher.dart包:

    import 'package:url_launcher/url_launcher.dart';

步骤4:这时就可以使用launch方法来打开url地址了:

    const url = 'https://www.baidu.com';
    launch(url);

完整的main.dart代码如下所示:

    import 'package:flutter/material.dart';
    import 'package:url_launcher/url_launcher.dart';
    void main() => runApp(new MyApp());
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          title: ’使用第三方包示例’,
          home: new Scaffold(
            appBar: new AppBar(
              title: new Text(’使用第三方包示例’),
            ),
            body: new Center(
              child: new RaisedButton(
                      onPressed: () {
                        //指定url并发起请求
                        const url = 'https://www.baidu.com';
                        launch(url);
                      },
                      child: new Text(’打开百度’),
                    ),
                  ),
                ),
              );
            }
          }

步骤5:启动示例,打开界面如图2-6所示。

图2-6 使用第三方包示例初始界面

点击“打开百度”按钮,页面会跳转至百度页面,如图2-7所示。

图2-7 “打开百度”页面效果图