I am trying to get tab bar at bottom to have the blue on all three tabs even when they are not selected. I have tried many different options but could not figure out how to fix this. I want the extra labelYOffset because otherwise label is to close to the image attached is code and picture of problem
Thanks
[lua]local function start(event)
–Hides the splash screen
hideSplashScreen()
– Shows app logo
showAppLogo()
composer.gotoScene( “view1” )
– create a tabBar widget with two buttons at the bottom of the screen
local tabButtons = {
{ label=“Map/Request”,labelYOffset=10,size=14, defaultFile=“button1.png”, overFile=“button1-down.png”, width = 32, height = 35, onPress=onFirstView, selected=true },
{ label=“Shuttle Queue”,labelYOffset=10, size=14, defaultFile=“button2.png”, overFile=“button2-down.png”, width = 32, height = 35, onPress=onSecondView },
{ label=“Settings”,labelYOffset=10,size=14, defaultFile=“button3.png”, overFile=“button3-down.png”, width = 32, height = 35, onPress=onThirdView },
}
– create the actual tabBar widget
local tabBar = widget.newTabBar{
top = display.contentHeight -18 , – 50 is default height for tabBar widget
backgroundFile = “images/tab_background.png”,
tabSelectedLeftFile = “images/tab_background.png”,
tabSelectedRightFile = “images/tab_background.png”,
tabSelectedMiddleFile = “images/tab_background.png”,
tabSelectedFrameWidth = 40,
tabSelectedFrameHeight = 120,
– height=45,
backgroundFrame=3,
– backgroundFrameHeight = 65,
buttons = tabButtons,
}[/lua]