WebDec 12, 2024 · Trying to round the corners/edges for the line indicator, but am not able to. Does anyone know how to do this? ... Take a look at the TabBar indicator, indicatorColor, indicatorPadding, indicatorSize, and indicatorWeight properties. ... including the output of flutter doctor -v and a minimal reproduction of the issue. All reactions Sorry ... Webimport 'package:flutter/material.dart'; class RoundedTabIndicator extends Decoration {RoundedTabIndicator({Color color = Colors.white, double radius = 2.0, double width = …
Is there a way to make the tab bar indicator line a gradient in flutter …
WebMar 23, 2024 · get ShapeBuilder from here and use it indicator: ShapeDecoration ( color: Colors.red, shape: ShapeBuilder (tabBuilder), ), where tabBuilder is a function like this: … WebApr 5, 2024 · Try adding the indicator parameter: indicator: UnderlineTabIndicator ( borderSide: BorderSide (width: 5.0), insets: EdgeInsets.symmetric (horizontal:16.0) ), Or you can place the tabs inside a Container widget that has a bottom borderside. Share Improve this answer Follow answered Apr 5 at 13:16 Texv 744 6 14 Add a comment Your Answer shrub with small bell shaped flowers
How can I customize the TabBar indicator width and …
WebFeb 2, 2024 · I'm trying to put a TabBar somewhere in a Column and have the unselected tabs appear in a different color. What I achieved so far is: I want the green part the same size as the orange tab but only on the unselected tabs. How can that be done? I am using parameter indicator in TabBar to get the orange tab but there is no parameter unselected. WebAug 10, 2024 · 5 Answers. You can use the TabBar widget to achieve this. I added a full example demonstrating how you can create this using the TabBar widget: class StackOver extends StatefulWidget { @override _StackOverState createState () => _StackOverState (); } class _StackOverState extends State with SingleTickerProviderStateMixin ... WebNot exactly what you are looking for but it can give the underline for un-selected tab. Instead of using container in tabs, try this (wrapping the TabBar with DecoratedBox and providing bottom border. DecoratedBox ( //This is responsible for the background of the tabbar, does the magic decoration: BoxDecoration ( //This is for background color ... theory of effective communication