flutter TabBar边框
时间: 2023-07-30 11:10:02 浏览: 279
Flutter 滚动悬浮导航栏TabBar
要为 Flutter 的 TabBar 添加边框,你可以使用 `DecoratedBox` 组件来装饰 TabBar。下面是一个示例代码:
```dart
TabBar(
tabs: [
Tab(text: 'Tab 1'),
Tab(text: 'Tab 2'),
Tab(text: 'Tab 3'),
],
indicator: DecoratedBox(
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 1.0),
),
child: TabBar(indicator: BoxDecoration()),
),
)
```
在这个示例中,我们在 TabBar 的 `indicator` 属性中使用 `DecoratedBox` 组件来添加边框。`Border.all` 方法用于创建一个黑色边框,你可以根据需要自定义颜色和宽度。
阅读全文