title: Add vertical line as a divider in tabbar as a divider
body: <p>I have a tab bar and i need to put a vertical line as a divider between tabs, how to do that?
  this how i used my tabbar:</p>
  
  <pre><code>new TabBar(
                      unselectedLabelColor: Color.fromRGBO(119, 119, 119, 1),
                      labelColor: Colors.black,
                      controller: controller,
                      tabs: &lt;Tab&gt;[
                        new Tab(text: "Girls"),
                        new Tab(text: "Hero"),
                        new Tab(text: "Open"),
                      ]),
  </code></pre>
  
  <p>and I need it to be like this:</p>
  
  <p><a href="https://i.stack.imgur.com/jKrK9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jKrK9.jpg" alt="enter image description here"></a></p>