zoukankan      html  css  js  c++  java
  • 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"))
                  ],
                ),
              ),
            ],
          ),
        );
      }
    }
  • 相关阅读:
    03-链表
    23-自定义用户模型
    01-使用pipenv管理项目环境
    10-多线程、多进程和线程池编程
    17-Python执行JS代码--PyExecJS、PyV8、Js2Py
    09-Python-Socket编程
    08-迭代器和生成器
    07-元类编程
    06-对象引用、可变性和垃圾回收
    05-深入python的set和dict
  • 原文地址:https://www.cnblogs.com/chichung/p/11994144.html
Copyright © 2011-2022 走看看