Dart Flutter 顯示圖標

Question

我正在寫我的第一個代碼，我想顯示一個圖標，我嘗試使用命令Icon (Icons.star, color: Colors.red, size: 100, ), 。 但它不起作用。 有人可以幫助我嗎？ 謝謝

Answer 1

歡迎來到Stackoverflow 。 試試下面的代碼。 你上面的代碼也是正確的。

嘗試檢查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上測試代碼。