Dart Flutter 显示图标

Question

我在写我的第一个代码，我想显示一个图标，我尝试使用命令 Icon (Icons.star, color: Colors.red, size: 100, ),。但它不起作用。有人可以帮帮我吗。感谢

Answer 1

欢迎来到Whosebug。试试下面的代码。你上面的代码也是正确的。

尝试检查 pubspec.yaml 文件中的以下行

flutter:
  uses-material-design: true

参考Flutter Icons

完整示例：

import 'package:flutter/material.dart';

void main() {
  runApp(
    MyApp(),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Icon(
        Icons.star,
        color: Colors.red,
        size: 100,
      ),
    );
  }
}

结果屏幕->

您也可以在 Dartpad 上测试代码。

Dart Flutter 显示图标

Dart Flutter display Icons

icons

dart

flutter