Flutter 中 Icon

在Flutter中，Icon是一个用于显示图标的控件，它可以显示Material Design风格和Cupertino风格的图标。Flutter提供了丰富的图标库，可以轻松地使用各种图标来美化应用程序。

以下是一个简单的示例代码，演示如何在Flutter应用中使用Icon控件：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Icon Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 使用Material Design风格的图标
              Icon(
                Icons.favorite,
                size: 50,
                color: Colors.red,
              ),
              SizedBox(height: 20),
              // 使用Cupertino风格的图标
              Icon(
                Icons.home,
                size: 50,
                color: Colors.blue,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个简单的Flutter应用，包含一个带有标题的AppBar和一个居中显示的Column布局控件。Column中包含了两个Icon控件，分别显示了Material Design风格和Cupertino风格的图标。

在Icon控件中，我们设置了以下属性：

• Icons.favorite和Icons.home：分别指定了要显示的图标。Icons.favorite表示一个红色的心形图标，Icons.home表示一个蓝色的房子图标。
• size：设置图标的大小为50。
• color：设置图标的颜色，分别为红色和蓝色。

除了示例中提到的属性之外，Icon还有其他属性可用于进一步定制图标的外观和行为，例如semanticLabel用于设置图标的语义标签，textDirection用于设置图标的文本方向等。Flutter提供了丰富的图标库，开发者可以根据应用程序的需求选择合适的图标进行使用。