首页 > 其他分享 >14、Flutter Card组件

14、Flutter Card组件

时间:2023-11-20 11:37:12浏览次数:26  
标签:14 卡片 Text MyApp2 children 组件 Flutter Card

Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立 体感。

Card实现一个通讯录的卡片

class MyApp2 extends StatelessWidget {
  const MyApp2({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      children:  const [
      Card(
        shadowColor: Colors.red,
        margin: EdgeInsets.all(10),
        elevation: 10, //阴影深度
        clipBehavior: Clip.none,  //内容溢出的剪切方式
        shape: RoundedRectangleBorder( //Card的阴影效果
                borderRadius: BorderRadius.all(Radius.circular(15))
                ),
        child: Column(
          //  Text("你好卡片"),
          children: [
            ListTile(
              title: Text("张三"),
              subtitle: Text("法外狂徒"),
            ),
            Divider(),
            ListTile(
              title: Text("电话:55555555555")
            ),            
          ],
        )
      )
      ],
    );
  }
}

 

标签:14,卡片,Text,MyApp2,children,组件,Flutter,Card
From: https://www.cnblogs.com/xbinbin/p/17843422.html

相关文章

  • 【2023-11-14】连岳摘抄
    23:59喝香槟、开跑车是愉悦的生活,但不是美好的生活,美好的生活是每一天都用你的优势去创造真实的幸福和丰富的满足感,这是在生活的每一个层面上——工作、爱情、教养孩子等,都可以学着做到的。                           ......
  • 2023-2024-1 20231413 《计算机基础与程序设计》第八周学习总结
    2023-2024-120231413《计算机基础与程序设计》第八周学习总结1.作业信息班级:2023-2024-1-计算机基础与程序设计作业要求:2023-2024-1《计算机基础与程序设计》教学进程目标:自学教材:计算机科学概论第9章并完成云班课测试《C语言程序设计》第7章并完成云班课测试作业正文:h......
  • 2023-2024-1 20231427 《计算机基础与程序设计》第八周学习总结
    作业信息这个作业属于哪个课程<班级的链接>(https://www.cnblogs.com/rocedu/p/9577842.html#JXJC)这个作业要求在哪里<作业要求的链接>(https://www.cnblogs.com/rocedu/p/9577842.html#WEEK08)|作业正文|...https://www.cnblogs.com/wszdhnsh/p/17842926.html |......
  • 【Python进阶】近200页md文档14大体系知识点,第4篇:linux命令和vim使用
    本文从14大模块展示了python高级用的应用。分别有Linux命令,多任务编程、网络编程、Http协议和静态Web编程、html+css、JavaScript、jQuery、MySql数据库的各种用法、python的闭包和装饰器、mini-web框架、正则表达式等相关文章的详细讲述。全套Python进阶笔记地址:请移步这里共......
  • 2023-2024-1 20231407陈原 《计算机基础与程序设计》第八周学习总结
    这个作业属于哪里计算机基础与程序设计作业要求是什么https://www.cnblogs.com/rocedu/p/9577842.html#WEEK08作业目的是什么功能设计与面向对象设计面向对象设计过程面向对象语言三要素汇编、编译、解释、执行作业正文  https://www.cnblogs.com/CCCY12......
  • 2023-2024-1 20231415 《计算机基础与程序设计》第八周学习总结
    这个作业属于哪个课程https://edu.cnblogs.com/campus/besti/2023-2024-1-CFAP/这个作业要求是什么https://www.cnblogs.com/rocedu/p/9577842.html#WEEK01作业目标自学教材《计算机科学概论》第9章,《C语言程序设计》第7章并完成云班课测试作业正文https://i.cnbl......
  • 2023-2024-1 20231406 《计算机基础与程序设计》第八周学习总结
    2023-2024-120231406《计算机基础与程序设计》第八周学习总结作业信息这个作业属于哪个课程([2023-2024-1-计算机基础与程序设计](https://edu.cnblogs.com/campus/besti/2023-2024-1-CFAP)这个作业要求在哪里(2023-2024-1计算机基础与程序设计第八周作业这个作业......
  • 14、SpringMVC之注解配置
    14.1、概述在实际工作中,一般使用配置类和注解代替web.xml和SpringMVC配置文件的功能;在Servlet3.0环境中,容器会在类路径中查找实现了javax.servlet.ServletContainerInitializer接口的类,如果找到了的话,就会用它来配置Servlet容器;Spring提供了ServletContainerIni......
  • 学期:2023-2024-1 学号:20231426 《计算机基础与程序设计》第八周学习总结
    作业信息这个作业属于哪个课程2022-2023-1-计算机基础与程序设计这个作业要求在哪里2022-2023-1计算机基础与程序设计作业这个作业的目标通过教材内容了解函数、模块化设计、作业正文https://www.cnblogs.com/hhaxx/p/17842602.html教材学习内容总结《计......
  • 2023-2024-1 20231425《计算机基础与程序设计》第八周学习总结
    2023-2024-120231425《计算机基础与程序设计》第八周学习总结作业信息所属课程2023-2024-1-计算机基础与程序设计作业要求在哪里2023-2024-1计算机基础与程序设计八周作业作业目标学习教材《计算机科学概论》第9章《C语言程序设计》第7章并完成云班课测......