title: How to create a tabbar with icon and text in same row in flutter?
body: <p>I am trying to create a tab bar which contains icon and text in the same row in tab.</p>
  <p>I have tried below code to implement the same , due to which the icon and text are shown in column manner in tab.</p>
  <pre><code>     bottom: TabBar(
                        tabs: [
                          Tab(icon: new Image.asset(&quot;assets/images/ic_policy@2x.png&quot;,width: 18,height: 18), child: Text(&quot;Policies&quot;)
                              ),
                          Tab(
                            child: Container(
                              child: Align(
                                  alignment: Alignment.center,
                                  child: Text(&quot;Policy Payments&quot;)),
                            ),
                          )
  </code></pre>
  <p>Can anyone guide me how to achieve the same.
  My tabbar currently looks as below.</p>
  <p><a href="https://i.stack.imgur.com/22MSY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/22MSY.png" alt="enter image description here" /></a></p>
  <p>I want to design something like below :-</p>
  <p><a href="https://i.stack.imgur.com/Y1lS6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y1lS6.png" alt="enter image description here" /></a></p>