Flutter学习-使用第三方包

【声明:】本文是作者(蘑菇v5)原创,版权归作者 蘑菇v5所有,侵权必究。本文首发在。如若转发,请注明作者和来源地址!未经授权,严禁私自转载!

step1:

打开pubspec.yaml文件,在dependencies下添加包的名称和版本,如下图红色1处 :

Flutter学习-使用第三方包_第1张图片
添加包的依赖

step2:

点击Packages get命令来获取工程配置文件所添加的引用包,如上图红色2

step3:

打开main.dart 文件,导入url_launcher.dart包:
import 'package:url_launcher/url_launcher.dart';

step4:

此时就可以使用外部包的launch方法,打开url地址

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

step5:

完整代码如下:

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

void main() => runApp(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('打开百度'),
         ),
       ),
      ),
    );
  }
}

step6:

效果如下图:


Flutter学习-使用第三方包_第2张图片
初始界面

Flutter学习-使用第三方包_第3张图片
跳转百度效果

你可能感兴趣的:(Flutter学习-使用第三方包)