Flutter官网点击访问
Flutter教程(一)Flutter概览
Flutter教程(二)Flutter安装及运行
如何引用并安装第三方库
pubspec.yaml
管理第三方库
在pubspec.yaml
中添加第三方库名称及版本号。
例如添加第三方库english_words
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.0
english_words: ^3.1.0 //(注意这里要与上面的cupertino_icons对齐, 否则会报错, 也是奇葩)
拉取声明的第三方库到本地工程
flutter packages get
总结:在pubspec.yaml声明需要引用的库,执行命令flutter packages get进行拉取即可使用。
在代码中引用第三方库并使用
针对english_words这个第三方库来讲,具体使用参见如下代码
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
final wordPair = new WordPair.random();
return new MaterialApp(
title: 'Welcome to Flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('Welcome to Flutter'),
),
body: new Center(
//child: new Text('Hello World'), // Replace the highlighted text...
child: new Text(wordPair.asPascalCase), // With this highlighted text.
),
),
);
}
}
package安装的过程中也会出现一只卡顿的情况,
Running "flutter packages get" in project_name...
一般来说就是被墙了, 把默认的 package 获取地址改为访问没有问题的镜像站就可以了。
具体操作
- 编辑bash_profile文件
vim ~/.bash_profile
根据系统添加对应的环境变量
Linux 或 Mac
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
Windows
新增两个环境变量即可
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
图片.png
2.使bash_profile生效
source ~/.bash_profile
然后执行一下 flutter doctor命令
下载在 package get 应该就没有问题了。
网友评论