Flutter 如何在脚手架主体中制作圆形卡舌？

以下是我的模拟：

在这里，我寻求帮助，试图使圆形标签，分隔线与空间可供身体的标签

我试过这个：

（第一个选项，但仍然没有圆圈）

尝试选项卡小部件中的小部件

---

或者检查这是否有帮助。

您的TabView控制器，类似于

TabController _tabController = new TabController(length: 2, vsync: this);

你的身体会像

body :  ListView(
//Your TabBar would be something like this, not exactly

new TabBar (children:[
   new Column(children:[
      CircleAvatar(backgroundImage: new Image.asset('asset_location'),),
      Text('menu_item_name')
   ]),
   new Column(children:[
      CircleAvatar(backgroundImage: new Image.asset('asset_location'),),
      Text('menu_item_name')
   ]),
   new Column(children:[
      CircleAvatar(backgroundImage: new Image.asset('asset_location'),),
      Text('menu_item_name')
   ]),
]),

// Then your TabVieW starts here
Your TabView(controller: _tabController,
    children:[
    new Container(child: new Text('Tab1')) // Tab 1
    new Container(child: new Text('Tab2')) // Tab 2
    new Container(child: new Text('Tab3')) // Tab 3
])

---

为什么不使用黑客。。。。自己创建小部件。。首先使用容器创建circle组件，然后使用PageView进行交换。然后，您可以在每个circle小部件上使用onTap功能移动PageView控制器。您可以共享您尝试的代码吗？