Können Sie ändern die Farbe der TabBar indem Sie das Design ändern primaryColor so:
returnnewMaterialApp(
theme:newThemeData(
brightness:Brightness.light,
primaryColor:Colors.pink[800],//Changing this will change the color of the TabBar
accentColor:Colors.cyan[600],),
home:newDefaultTabController(
length:3,
child:newScaffold(
appBar:newAppBar(
bottom:newTabBar(
indicatorColor:Colors.lime,
tabs:[newTab(icon:newIcon(Icons.directions_car)),newTab(icon:newIcon(Icons.directions_transit)),newTab(icon:newIcon(Icons.directions_bike)),],),
title:newText('Tabs Demo'),),
body:newTabBarView(
children:[newIcon(Icons.directions_car),newIcon(Icons.directions_transit),newIcon(Icons.directions_bike),],),),),);
Wenn Sie es nicht verwenden in einem AppBar, könnten Sie wickeln die TabBar in einem Material-widget und legen Sie das color-Attribut, so:
Dieser arbeitete für das ändern der Farbe der tab-Leiste. Ich hatte gehofft, etwas zu finden, wo die tab-Leiste hat eine Höhe von 0 und ist transparent.
Sehr geschätzt wird. Dies ist eine perfekte Lösung.
Die Wellen-Effekte, wenn der Benutzer klickt auf die Tabs funktionieren nicht mehr mit dieser Lösung niemand weiß, warum?
wickeln Sie die tabBar Feld oben in ein Material - widget und stellen Sie Typ auf MaterialType.transparency
Ändern Sie Hintergrund-Farbe der TabBar-in-Flattern..
Verwenden Sie einfach TabBar im Körper des Gerüstes, wickeln Sie es mit Spalte Widget, so dass Sie verwenden können beide ohne Problem. Wrap-TabBar-Container-widget zu ändern, die Registerkarte Farbe.
Auf diese Weise können Sie ändern die Farbe der Tab-Leiste im Flattern.
Dies ist die richtige Antwort , warum Sie Ihre Stimme nach unten...
Ich habe die oben genannten Methode, wickelte die Tabbar-Containers in einem container zu haben, die anderen tabbar als Grau, und legen Sie die tabbar-Anzeige-Farbe, so dass es zeigt, wie die gewählte Farbe.
Können Sie ändern die Farbe der TabBar indem Sie das Design ändern primaryColor so:
Wenn Sie es nicht verwenden in einem AppBar, könnten Sie wickeln die TabBar in einem Material-widget und legen Sie das color-Attribut, so:
Erstellen Sie ein einfaches Widget für das, kann nicht einfacher sein:
tabBar
Feld oben in einMaterial
- widget und stellen Sie Typ aufMaterialType.transparency
Ändern Sie Hintergrund-Farbe der TabBar-in-Flattern..
Verwenden Sie einfach TabBar im Körper des Gerüstes, wickeln Sie es mit Spalte Widget, so dass Sie verwenden können beide ohne Problem. Wrap-TabBar-Container-widget zu ändern, die Registerkarte Farbe.
Auf diese Weise können Sie ändern die Farbe der Tab-Leiste im Flattern.
Hier ist der Beispielcode...