flutter 如何使用svg图片作为TabBar的indicator指示器

Flutter中使用SVG图片作为TabBar的indicator指示器需要使用flutter_svg插件。以下是实现步骤：

1. 在pubspec.yaml文件中添加flutter_svg插件：

dependencies:
  flutter_svg: ^0.19.2

2. 导入flutter_svg：

import 'package:flutter_svg/flutter_svg.dart';

3. 在TabBar中使用SVG图片作为indicator：

TabBar(
  indicator: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(30),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 2,
        blurRadius: 5,
        offset: Offset(0, 2),
      ),
    ],
    image: DecorationImage(
      image: SvgPicture.asset(
        'assets/my_icon.svg',
        fit: BoxFit.contain,
        color: Colors.blue,
      ).pictureProvider,
    ),
  ),
  tabs: [
    Tab(
      text: 'Tab 1',
    ),
    Tab(
      text: 'Tab 2',
    ),
    Tab(
      text: 'Tab 3',
    ),
  ],
),

其中，SVG图片需要使用SvgPicture.asset方法进行加载，并通过pictureProvider获取图片的Provider。然后，将该Provider作为DecorationImage的image属性值，即可使用SVG图片作为TabBar的indicator指示器。