Flutter 中的 Card 小部件：全面指南

在Flutter中，Card 是一个非常常用的小部件，它可以创建一个有着圆角和阴影的框体效果。Card 小部件通常用于包装并呈现相关的数据或操作，例如包含图片、列表、图表或者其他内容的用户卡片。

以下是一个简单的Card小部件的示例代码：

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('Card Example'),
        ),
        body: Center(
          child: Card(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                ListTile(
                  leading: Icon(Icons.album),
                  title: Text('The Enchanted Nightingale'),
                  subtitle: Text('Maria De Filippi'),
                ),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Text('The Enchanted Nightingale is a 2019 Italian language soundtrack album.'),
                    SizedBox(height: 8.0),
                    Text('By Maria De Filippi'),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个Card小部件，它包含了一个列表题和两行文本。列表题用于展示专辑的标题和艺术家名称。接下来的两行文本提供了更详细的描述和艺术家的其他信息。Card 小部件为这些信息提供了一个整洁的包装，使得应用看起来更加整洁并增加了用户体验。