I am building my nav using the widget.newTabBar API. My app is on iOS Retina. I sliced my four buttons to equal exactly 640px to fit the width of the screen placed side by side. In the simulator, the buttons are overlapping. Can someone tell me how to space the buttons properly? Thanks! Here is the code (I haven’t built my active state buttons yet):
local tabButtons = {
{ up=“images/nav/navFeaturedActive.png”, down=“images/nav/navFeaturedActive.png”, width = 160, height = 98, onPress=onFirstView, selected=true },
{ up=“images/nav/navFavorites.png”, down=“images/nav/navFavorites.png”, width = 160, height = 98, onPress=onSecondView },
{ up=“images/nav/navCategories.png”, down=“images/nav/navCategories.png”, width = 160, height = 98, onPress=onSecondView },
{ up=“images/nav/navMyMenu.png”, down=“images/nav/navMyMenu.png”, width = 160, height = 98, onPress=onSecondView },
}
– create the actual tabBar widget
local tabBar = widget.newTabBar{
top = display.contentHeight - 99,
buttons = tabButtons