Flutter 使用package及安装卡住解决

2020-04-02  本文已影响0人  KB_MORE

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 获取地址改为访问没有问题的镜像站就可以了。
具体操作

  1. 编辑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 应该就没有问题了。

上一篇 下一篇

猜你喜欢

热点阅读