question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to add background color to tabs

See original GitHub issue

I have tried tabStyle={{backgroundColor:'red'} in <Tab> and tabContainerStyle ={{backgroundColor:'red'} in <Tabs>. But nothing is working.

node, npm, react-native, react and native-base version

"native-base": "^2.5.2"
"react": "16.0.0",
"react-native": "0.51.0",
Node: v6.10.3
NPM: 5.6.0

Expected behaviour

Should have changed the background color of the tab bar or individual tab.

Actual behaviour

Nothing happens.

Steps to reproduce should include code snippet and screenshot

tabStyle={{backgroundColor:'red'} in <Tab> and tabContainerStyle ={{backgroundColor:'red'} in <Tabs>

Is the bug present in both iOS and Android or in any one of them?

Tested only for android right now.

Any other additional info which would help us debug the issue quicker.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:12 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
vibhavagarwal5commented, Jul 10, 2018

Yes, and it didnt solve my issue.

0reactions
SupriyaKalghatgicommented, Jul 10, 2018

@vibhavagarwal5 You have queries regarding how to use the components along with customization. So this is not the appropriate place for this You can post them on Stack overflow or NativeBase slack

Read more comments on GitHub >

github_iconTop Results From Across the Web

Add a background color to a sheet tab - Microsoft Support
To change the color of a sheet tab, right-click the tab, point to Tab Color and pick a color that you want. Workbook...
Read more >
Unable to set background color of content of tabview in Primeng
I intend to give a dark background as I have to create the tabview in dark theme. I tried to add styles above...
Read more >
Change Tab Color in Excel (Worksheet Tab Background Color)
First, activate the sheet for which you want to change the tab background color. · Now, click on the “Format” drop-down. · After...
Read more >
unable to change background of selected tab in userChrome.css
The tab background is set on the element with this class name: .tab-background Some selectors can be quite long depending on the them...
Read more >
Unable to change tabs background color #18173 - GitHub
I'm trying to use the following CSS config from (#4040) but I'm having some difficulties with the following: How to remove/ change the ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found