title: Tabbar current index height change in flutter?
body: <ol>
  <li>How to change the current index tabbar.</li>
  <li>I have three tabbar with images when I click index 0 the height will
  change to big like focus.</li>
  <li>I have tried several ways but it didn't work.</li>
  <li>when I select it will work only one index</li>
  </ol>
  <blockquote>
  <pre><code>import 'package:flutter/material.dart';
  
  void main() {
    runApp(MaterialApp(home: MyApp()));
  }
  
  class MyApp extends StatefulWidget {
    MyApp({Key? key}) : super(key: key);
  
    @override
    State&lt;MyApp&gt; createState() =&gt; _MyAppState();
  }
  
  class _MyAppState extends State&lt;MyApp&gt; {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
          home: DefaultTabController(
        length: 3,
        child: Scaffold(
            appBar: AppBar(
              backgroundColor: Colors.transparent,
              toolbarHeight: 100,
              bottom: TabBar(
                  indicator: BoxDecoration(
                      border: Border.all(width: 1, color: Colors.deepOrange),
                      borderRadius: BorderRadius.circular(10),
                      color: Colors.transparent),
                  tabs: [
                    Card(
                      child: Image(
                        image: AssetImage(&quot;assets/box.png&quot;),
                      ),
                    ),
                    Card(
                      child: Image(image: AssetImage(&quot;assets/box.png&quot;)),
                    ),
                    Card(
                      child: Image(image: AssetImage(&quot;assets/box.png&quot;)),
                    ),
                  ]),
            ),
            body: TabBarView(
              children: [
                AmazonBox(),
                AmazonGift(),
                AmazonSave(),
              ],
            )),
      ));
    }
  }
  </code></pre>
  </blockquote>