tabbar_gradient_indicator 1.0.0

tabbar_gradient_indicator: ^1.0.0 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:tabbar_gradient_indicator/tabbar_gradient_indicator.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget{
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    List list = ["title - 1 - 1", "title - 1 - 2"];

    return DefaultTabController(
      length: list.length,
      child: MaterialApp(
          home: Builder(
            builder: (context) => Scaffold(
              appBar: AppBar(
                backgroundColor: Colors.white,
                elevation: 0, //去掉Appbar底部阴影
                title: const Text("tabbar gradient indicator"),
                bottom: PreferredSize(
                  preferredSize: const Size(double.infinity, 40), //调整高度
                  child: TabBar(
                    enableFeedback: true,
                    tabs: list.map((e) => Tab(text: e)).toList(),
                    labelColor: Colors.black,
                    indicator: const TabBarGradientIndicator(
                        gradientColor: [Color(0xff579CFA) , Color(0xff2FDEE7)],
                        indicatorWidth: 4),
                    indicatorSize: TabBarIndicatorSize.label,
                    isScrollable: true,
                  ),
                ),
              ),
              body: TabBarView(
                //构建
                  children: list.map((e) {
                    return Center(child: Text(e));
                  }).toList()),
            ),
          )),
    );
  }
}