颤动的图标不显示

Question

我正在尝试完成this Flutter Code Lab，但图标不会出现在我的应用程序中。但它们出现在Android Studio代码中： 我已将lib包含在我的文件name: startup_namer description: A new Flutter application. dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.0 english_words: ^3.1.0

中

// Add the heart icons to the ListView.

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


void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

   ..... 

  Widget _buildRow(WordPair pair) {
    final bool alreadySaved = _saved.contains(pair);

    return new ListTile(
      title: new Text(
        pair.asPascalCase,
        style: _biggerFont,
      ),
      trailing: new Icon(
        alreadySaved ? Icons.favorite : Icons.favorite_border,
        color: alreadySaved ? Colors.red : null,
        size: 22.0,
      ),
      onTap: () {      
        setState(() {
          if (alreadySaved) {
            _saved.remove(pair);
          } else {
            _saved.add(pair);
          }
        });
      },
    );
  }
}

但结果如下：

我的main.dart文件如下所示：

orig

我认为这是因为我使用iOS模拟器，但是当我尝试使用Android模拟器时，结果是一样的。

Answer 1

就我而言，我已经在{strong> pubspec.yaml 文件中写入了uses-material-design: true。我可以通过重新启动Android模拟器来解决此问题。您也可以尝试从模拟器中卸载旧版本，然后再安装新版本。

这有点奇怪，但是对我有用。

Answer 2

（从评论中复制）

您需要在uses-material-design: true中设置pubspec.yaml，图标才能包含在应用程序中。

Answer 3

如果您正在使用FlutterIcons库，请确保pubspec.yaml中的字体系列与my_flutter_app_icons.dart文件中声明的字体系列匹配。

Answer 4

您需要在pubspec.yaml中将uses-material-design：true设置为要包含在应用程序中的图标。

请确保在pubspec的flutter部分中有一个uses-material-design：true条目。 yaml文件。它允许您使用预定义的“材料”图标集。为了继承主题数据，许多Material Design小部件需要位于MaterialApp内才能正确显示。

Answer 5

只需从您正在使用的模拟器/物理设备中删除该应用程序，然后重新构建该应用程序即可。 它对我有用，肯定对你有用。

Answer 6

在uses-material-design: true文件的以下部分中，为pubspec.yaml添加正确的缩进

# The following section is specific to Flutter.
flutter:

    # The following line ensures that the Material Icons font is
    # included with your application, so that you can use the icons in
    # the material Icons class.

    uses-material-design: true  # <-- Add this indentation is important

Answer 7

通过将正确的路径添加到fonts文件夹，解决了将图标更改为汉字的问题。通过提供适当的缩进来指定字体文件夹的正确路径：

• 扑打干净
• 从测试设备/仿真器中删除构建
• 运行应用

Answer 8

我假设我们正在谈论flutter_icons软件包？

我不得不彻底杀死该应用程序并重新安装它，然后他们开始为我工作。不确定为什么热重装不能解决问题。

Answer 9

请尝试：

1. 停止应用
2. 在您的应用目录中运行平稳的抖动
3. 从模拟器/模拟器/设备中删除应用
4. 重建和部署应用程序。

Answer 10

这对我来说是个问题

确保pubspec.yaml文件中的所有图像和字体均具有正确的路径，如果您最近添加了新图像，请尝试将其删除然后重新构建

Answer 11

热重装不会显示资源的变化。在android studio顶部操作菜单栏中，按红色的停止按钮，然后再次运行该应用。

可以。