flutter TabBar底部图片背景，类似于淘宝海淘

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:midou_ee/utils/screen_util.dart';

class ShopServicePage extends StatefulWidget {
  ShopServicePage({Key key}) : super(key: key);

  @override
  _ShopServicePageState createState() => _ShopServicePageState();
}

class _ShopServicePageState extends State<ShopServicePage> with TickerProviderStateMixin, AutomaticKeepAliveClientMixin<ShopServicePage>{

  List _tabsTitle = ['全部', '预约', '带服务', '已完成', '已取消'];
  static double _topBarDefaultTop = ScreenUtil.statusBarHeight;

  double _topBarHeight = 48;
  double _topBarTop = _topBarDefaultTop;
  static double _tabControllerDefaultTop = ScreenUtil.statusBarHeight + 48;
  double _tabControllerTop = _tabControllerDefaultTop;
  double _tabBarHeight = 48;
  static double _topBackgroundDefaultTop = 0;
  double _topBackground