繁体   English   中英

Flutter TabBar自定义指标

[英]Flutter TabBar custom indicator

要了解我想要实现的目标,请查看屏幕截图: 在此处输入图像描述

但正如您所见,选项卡的阴影无法放入选项卡内。 那么如何为阴影腾出空间呢?

这是我构建标签的方式:

Tab buildTab(CategoryModel category) {
return Tab(child: ConstrainedBox(
  constraints: BoxConstraints(
    minWidth: 48,
  ),
  child: Container(
    //color: Colors.green,
    child: Text(category.name, textAlign: TextAlign.center,),
  ),
),);

}

这就是我构建 TabBar 的方式:

return TabBar(
  indicator: BoxDecoration(
      color: Colors.blue,
      borderRadius: const BorderRadius.all(
        const Radius.circular(999.0),
      ),
      boxShadow: const [BoxShadow(color: Colors.blueAccent, blurRadius: 6.0)]
  ),
  unselectedLabelColor: Colors.blue,
  labelColor: Colors.white,
  isScrollable: true,
  tabs: tabs,
);

有标签栏代码的父级吗? 当我测试时,它运行良好。

在此处输入图像描述

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM