gpt4 book ai didi

flutter - 如何在 Flutter 中设计卡片小部件

转载 作者:行者123 更新时间:2023-12-02 15:54:06 26 4
gpt4 key购买 nike

enter image description here

我正在尝试设计一个学生仪表板,我想知道如何在插入文本(学生、新闻)的卡片小部件末尾添加蓝色?

最佳答案

Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 5,
blurRadius: 7,
offset: Offset(0, 3),
),
],
),
child: Column(
children: [
Container(
child: Icon(Icons.person, size: 24, color:Colors.blueAccent),
padding: const EdgeInsets.all(12),
),
Container(
decoration: const BoxDecoration(
color: Colors.blueAccent,
borderRadius: BorderRadius.only(bottomRight: Radius.circular(12), bottomLeft: Radius.circular(12))
),
child: Text("Student"),
padding: const EdgeInsets.all(12),
)
],
),
)

输出: enter image description here

关于flutter - 如何在 Flutter 中设计卡片小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71802123/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com