在您输入时,Android Studio会为您提供有关库导入的建议。然后它将呈现灰色的导入字符串,让您知道导入的库尚未使用(到目前为止)
4.使用 English words 包生成文本来替换字符串“Hello World”.
Tip: “驼峰命名法” (称为 “upper camel case” 或 “Pascal case” ), 表示字符串中的每个单词(包括第一个单词)都以大写字母开头。所以,“uppercamelcase” 变成 “UpperCamelCase”
进行以下更改, 如高亮部分所示:
import’package:flutter/material.dart’;import’package:english_words/english_words.dart’;
voidmain()=>runApp(newMyApp());
classMyAppextendsStatelessWidget{
@override
Widget build(BuildContext context){
final wordPair =new WordPair.random();
returnnewMaterialApp(
title:‘Welcome to Flutter’,
home:newScaffold(
appBar:newAppBar(
title:newText(‘Welcome to Flutter’),
),
body:newCenter(
//child: new Text(‘Hello World’),
child:newText(wordPair.asPascalCase),
),
),
);
}}
5.如果应用程序正在运行,请使用热重载按钮新正在运行的应用程序。每次单击热重载或保存项目时,都会在正在运行的应用程序中随机选择不同的单词对。 这是因为单词对是在build 方法内部生成的。每次MaterialApp需要渲染时或者在Flutter Inspector中切换平台时build 都会运行.
遇到问题?
如果您的应用程序运行不正常,请查找是否有拼写错误。如果需要,使用下面链接中的代码来对比更正。
· pubspec.yaml (The pubspec.yaml file won’t change again.)
第3步: 添加一个有状态的部件(Stateful widget)
Stateless widgets 是不可变的, 这意味着它们的属性不能改变 - 所有的值都是最终的.
Stateful widgets 持有的状态可能在widget生命周期中发生变化. 实现一个 stateful widget 至少需要两个类:
1.一个 StatefulWidget类。
2.一个 State类。 StatefulWidget类本身是不变的,但是 State类在widget生命周期中始终存在.
在这一步中,您将添加一个有状态的widget-RandomWords,它创建其State类RandomWordsState。State类将最终为widget维护建议的和喜欢的单词对。
1.添加有状态的 RandomWords widget 到 main.dart。 它也可以在MyApp之外的文件的任何位置使用,但是本示例将它放到了文件的底部。RandomWords widget除了创建State类之外几乎没有其他任何东西
classRandomWordsextendsStatefulWidget{
@override
createState()=>newRandomWordsState();}
2.添加 RandomWordsState 类.该应用程序的大部分代码都在该类中, 该类持有RandomWords widget的状态。这个类将保存随着用户滚动而无限增长的生成的单词对, 以及喜欢的单词对,用户通过重复点击心形 ❤️ 图标来将它们从列表中添加或删除。
你会一步一步地建立这个类。首先,通过添加高亮显示的代码创建一个最小类
class RandomWordsState extends State{}
3.在添加状态类后,IDE会提示该类缺少build方法。接下来,您将添加一个基本的build方法,该方法通过将生成单词对的代码从MyApp移动到RandomWordsState来生成单词对。
将build方法添加到RandomWordState中,如下面高亮代码所示
classRandomWordsStateextendsState{
@override
Widget build(BuildContext context){
final wordPair =new WordPair.random();
returnnew Text(wordPair.asPascalCase);
}}
4.通过下面高亮显示的代码,将生成单词对代的码从MyApp移动到RandomWordsState中
classMyAppextendsStatelessWidget{
@override
Widget build(BuildContext context){
final wordPair =new WordPair.random();// 删除此行
returnnewMaterialApp(
title:‘Welcome to Fl