Flutter:Cart组件的使用

• elevation: 10.0 卡片向屏幕外凸出 应该可以用来做交互动画
• margin: 设置卡片容器与父容器的外边距
• child：设置子组件

import 'package:flutter/material.dart';
import 'package:douban_demo/network/http_request.dart';
class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
        centerTitle: true,
      ),
        body: HomeBody()
    );
  }
}

class  HomeBody extends StatefulWidget {
  @override
   _HomeBodyState createState() =>  _HomeBodyState();
}

class  _HomeBodyState extends State <HomeBody> {

  @override
  void initState() {
    // TODO: implement initState
    print("进入首页init");
    super.initState();
    // HttpRequest.request("https://api.douban.com/v2/user/:name");
  }
  @override
  Widget build(BuildContext context) {
    ShapeBorder a;
    return ListView(
      children: [
        Card(
          // 卡片向屏幕外凸出 应该可以用来做交互动画
          elevation: 10.0,
          margin: EdgeInsets.all(10),

          child: Column(
            children: [
              ListTile(
                title: Text(
                  "姓名：张三",
                  style: TextStyle(
                    fontSize: 25,
                    // fontWeight: FontWeight.w400,
                  ),
                ),
                subtitle: Text("职业：前端攻城狮"),
              ),
              ListTile(
                title:Text(
                  "电话：12345678999"
                )
              ),
              ListTile(
                title: Text(
                  "地址：xx国xx省xx市"
                ),
              )
            ],
          ),
        ),
        Card(
          margin: EdgeInsets.all(10),

          child: Column(
            children: [
              ListTile(
                title: Text(
                  "姓名：张三",
                  style: TextStyle(
                    fontSize: 25,
                    fontWeight: FontWeight.w400,
                  ),
                ),
                subtitle: Text("职业：前端攻城狮"),
              ),
              ListTile(
                title:Text(
                  "电话：12345678999"
                )
              ),
              ListTile(
                title: Text(
                  "地址：xx国xx省xx市"
                ),
              )
            ],
          ),
        )
      ],
    );
  }
}