Flutter——Card組件

Card 是卡片組件塊，內容可以由大多數類型的 Widget 構成，Card 具有圓角和陰影，這讓它看起來有立體感。

 

Card組件的常用屬性：

屬性	說明
margin	外邊距
child	子組件
shape	Card的陰影效果，默認的陰影效果為圓角的長方形邊

 

 

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: "CardWidget",
    home: MyApp(),
  ));
}


class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body:  ListView(
        children: <Widget>[
          Card(
            margin: EdgeInsets.all(10),
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text("張三",style: TextStyle(fontSize: 28)),
                  subtitle: Text("董事長"),
                ),
                Divider(),
                ListTile(
                  title: Text("電話:123456789"),
                ),
                ListTile(title: Text("地址：xxxxxxxxxxxxxxxxx"))
              ],
            ),
          ),
          Card(
            margin: EdgeInsets.all(10),
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text("李四",style: TextStyle(fontSize: 28)),
                  subtitle: Text("CEO"),
                ),
                Divider(),
                ListTile(
                  title: Text("電話:123456789"),
                ),
                ListTile(title: Text("地址：xxxxxxxxxxxxxxxxx"))
              ],
            ),
          ),
        ],
      ),
    );
  }
}