Flutter 初识：数据表格和卡片

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('数据卡和数据表'),
      ),
      body: ListView(
        children: <Widget>[
          Card(
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text('张三'),
                  subtitle: Text('工程师'),
                ),
                ListTile(
                  title: Text('联系方式'),
                  subtitle: Text('电话：1234567890'),
                ),
                ListTile(
                  title: Text('地址'),
                  subtitle: Text('北京市朝阳区'),
                ),
              ],
            ),
          ),
          // 添加更多的Card...
        ],
      ),
    );
  }
}

这段代码创建了一个简单的Flutter应用，其中包含一个HomePage页面，该页面使用ListView来展示多个Card。每个Card包含了一个Column，其中包含了几个ListTile，用于展示不同类型的数据。这是学习Flutter布局和数据展示的一个很好的起点。