Flutter ExpansionPanelList阴影边框去除

Flutter ExpansionPanelList阴影边框去除

事情是这样的,我写一个界面,需要一个下拉框列表,但是不是所有的样式不是一样的,所以我写了一个Column,然后写了两个ExpansionPanelList,一个是List生成的,另一个是自己加的

代码大概长这个样子
child: Column(
   children: [
   		ExpansionPanelList(
            children : _data.asMap().keys.map((index){
              ....
            }).toList(),
        ),
        ExpansionPanelList(
        ....
        )
   ]
效果

UI

在其他信息和上传图片这里,看起来怪怪的,然后我就百度找办法去掉边框,没找到,然后就开始看源码
源码

386行,elevation,这个就是重点啊!

解决办法

ExpansionPanelList(
	elevation: 0,
	.....
)

然后你会发现少了点什么,没错,就是分割线

所以你需要这个,插入一个宽度为1的灰色线
Divider(color: Color(0xffcccccc),height: 1,),
效果图

UI2

如果对你有帮助,点个赞把

感谢万分!!!

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GGIOPPL

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值