This包应该能够帮助您实现这一点。

您可以使用TabBar，而不是使用自订装饰的BottomNavigationBar：

class TopIndicator extends Decoration {
  @override
  BoxPainter createBoxPainter([VoidCallback? onChanged]) {
    return _TopIndicatorBox();
  }
}

class _TopIndicatorBox extends BoxPainter {
  @override
  void paint(Canvas canvas, Offset offset, ImageConfiguration cfg) {
    Paint _paint = Paint()
      ..color = Colors.lightblue
      ..strokeWidth = 5
      ..isAntiAlias = true;

    canvas.drawLine(offset, Offset(cfg.size!.width + offset.dx, 0), _paint);
  }
}

然后使用TapBar(indicator: TopIndicator ...)将装饰传递到TapBar。

要将TabBar用作Scaffold.bottomNavigationBar，您很可能希望将其 Package 在Material中以应用背景色：

Scaffold(
  bottomNavigationBar: Material(
    color: Colors.white,
    child: TabBar(
      indicator: TopIndicator(),
      tabs: const <Widget>[
        Tab(icon: Icon(Icons.home_outlined), text: 'Reward'),
        ...
      ],
    ),
  ),
  ...
)

感谢Ara Kurghinyan的原创创意。