Hello! I’ve created a tab bar which functions correctly, but there’s an issue when selecting a button. Something is out of line, because when I want to select “Button 1” I must click to right of that button. It is like this for every button.
Has anyone else experienced this and/or discovered the issue?
I’ll include my code in case anyone needs it…
local widget = require( "widget" ) local tabButtons = { { id = "extra1", width = 50, height = 50.5, defaultFile = "tabExtra.png", overFile = "tabExtra.png", label = " ", selected = false, }, { id = "garage", width = 50, height = 50.5, defaultFile = "tabHome.png", overFile = "tabHomeD.png", label = "Garage", labelYOffset = - 6, size = 9, labelColor = { default = { 255, 255, 255 }, over = { 0, 200, 0 }, }, selected = true, }, { id = "favorites", width = 50, height = 50.5, defaultFile = "tabFavorite.png", overFile = "tabFavoriteD.png", label = "Favorites", labelYOffset = - 6, size = 9, labelColor = { default = { 255, 255, 255 }, over = { 0, 200, 0 }, }, selected = false, }, { id = "settings", width = 50, height = 50.5, defaultFile = "tabSettings.png", overFile = "tabSettingsD.png", label = "Settings", labelYOffset = - 6, size = 9, labelColor = { default = { 255, 255, 255 }, over = { 0, 200, 0 }, }, selected = false, }, { id = "extra2", width = 50, height = 50.5, defaultFile = "tabExtra.png", overFile = "tabExtra.png", label = " ", selected = false, }, } local tabBar = widget.newTabBar { top = display.contentHeight - 60, --left = 160, width = 430, height = 60, buttons = tabButtons, backgroundFile = "leather.png", tabSelectedLeftFile = "tabExtra.png", tabSelectedMiddleFile = "tabExtra.png", tabSelectedRightFile = "tabExtra.png", tabSelectedFrameWidth = 50, tabSelectedFrameHeight = 60, } tabBar.x = display.contentCenterX