flutter TabBar指示器

在Flutter中，TabBar组件有一个indicator属性，可以用来自定义标签指示器（即下方的横线或圆点）的样式。

以下是一个简单的示例，展示如何自定义TabBar的指示器：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            title: Text('TabBar Indicator Example'),
            bottom: TabBar(
              indicator: BoxDecoration(
                border: Border(
                  bottom: BorderSide(
                    width: 4.0,
                    color: Colors.blue,
                  ),
                ),
              ),
              tabs: <Widget>[
                Tab(text: 'Tab 1'),
                Tab(text: 'Tab 2'),
                Tab(text: 'Tab 3'),
              ],
            ),
          ),
          body: TabBarView(
            children: <Widget>[
              Center(child: Text('Tab 1 Content')),
              Center(child: Text('Tab 2 Content')),
              Center(child: Text('Tab 3 Content')),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们使用了BoxDecoration来定义indicator的样式，包括边框的宽度和颜色。这将显示一个宽度为4的蓝色下划线作为指示器。你可以通过调整BoxDecoration的属性来自定义指示器的外观，例如使用圆形或其他颜色。