VS Code开发Flutter App - External Package篇

{app.params.name}}{app.params.name}}{app.params.name}}

本次分享将使用名为english_words的开源软件包,其中包含几千个最常用的英语单词和一些实用程序函数。可以在pub.dartlang.org上找到english_words包以及许多其他开源软件包。

添加外部包

pubspec文件管理Flutter应用程序的资产和依赖项。
打开VS Code,然后打开pubspec.yaml,在pubspec.yaml中,将english_words(3.1.0或更高版本)添加到依赖项列表中。
添加下面突出显示的行:

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.0
  english_words: ^3.1.0 # 新加的一行

安装外部包

在VS Code中添加完此行后,会在输出窗口中看到如下输出,代表程序在更新并添加新的包

[flutter_myapp] flutter packages get
Running "flutter packages get" in flutter_myapp...

执行包也可以自动生成pubspec.lock文件,其中包含项目中所有包的列表及其版本号。

使用外部包

打开lib/main.dart文件, 导入新的包,代码如下:

import 'package:english_words/english_words.dart';

在您键入时,VS Code会为您提供导入库的建议。
然后它将导入字符串呈灰色,让您知道导入的库未使用(到目前为止)。

修改代码

使用英语单词包生成文本而不是使用字符串"Hello World"。
进行以下更改:

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 = WordPair.random(); // 新加代码
    return MaterialApp(
      title: 'Welcome to Flutter - Gowhich',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter - Gowhich'),
        ),
        body: Center(
          child: Text(wordPair.asCamelCase), // 新加代码
        ),
      ),
    );
  }
}

如果应用程序正在运行,请使用hot reload功能更新正在运行的应用程序。
每次进行hot reload操作或保存项目时,应该在正在运行的应用程序中看到一个随机选择的不同单词对。
这是因为单词配对是在构建方法中生成的,该方法在每次MaterialApp需要渲染时运行,或者在Flutter Inspector中切换平台时运行。
 

版权声明

durban创作并维护的 小绒毛的足迹博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于 博客( https://www.xiaorongmao.com ),版权所有,侵权必究。

本文永久链接: https://www.xiaorongmao.com/blog/67



版权声明

durban创作并维护的 小绒毛的足迹博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于 小绒毛的足迹博客( https://www.xiaorongmao.com ),版权所有,侵权必究。

本文永久链接: https://www.xiaorongmao.com/blog/67