How to change background color of TabBar without changing the AppBar in flutter?

kodeKhalifa answered on April 23, 2022 Popularity 9/10 Helpfulness 4/10

answer How to change background color of TabBar without changing the AppBar in flutter?

related tabbar flutter change background color

How to change background color of TabBar without changing the AppBar in flutter?

Comment

return MaterialApp(
      theme: ThemeData(
        brightness: Brightness.light,
      // add tabBarTheme 
      tabBarTheme: const TabBarTheme(
        labelColor: Colors.pink[800],
        labelStyle: TextStyle(color: Colors.pink[800]), // color for text
        indicator: UnderlineTabIndicator( // color for indicator (underline)
          borderSide: BorderSide(color: ConstColor.primary))),
        primaryColor: Colors.pink[800], // outdated and has no effect to Tabbar
        accentColor: Colors.cyan[600] // deprecated,
      ),
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              indicatorColor: Colors.lime,
              tabs: [
                Tab(icon: Icon(Icons.directions_car)),
                Tab(icon: Icon(Icons.directions_transit)),
                Tab(icon: Icon(Icons.directions_bike)),
              ],
            ),
            title: Text('Tabs Demo'),
          ),
          body: TabBarView(
            children: [
              Icon(Icons.directions_car),
              Icon(Icons.directions_transit),
              Icon(Icons.directions_bike),
            ],
          ),
        ),
      ),
    );

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: appbar background-color tabbar whatever

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

kodeKhalifa

0 Answers Avg Quality 2/10

Closely Related Answers

tabbar flutter change background color

Comment

 You are wrong, it's mean TabBar not AppBar

Popularity 1/10 Helpfulness 1/10 Language dart

Source: Grepper

Tags: flutter tabbar background-color dart background

Link to this answer
Share Copy Link

Contributed on Apr 27 2022

Sorn Sreynorng

0 Answers Avg Quality 2/10

How to change background color of TabBar without changing the AppBar in flutter?

Contents

More Related Answers

How to change background color of TabBar without changing the AppBar in flutter?

Closely Related Answers

tabbar flutter change background color

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.