Tab Bar widget - Android vs. Simulator differences

I ran the tab bar widget default example found here http://docs.coronalabs.com/api/library/widget/newTabBar.html in the Corona simulator as a Samsung Galaxy S3 and it rendered it as expected. LIke this:

When I built that same code and ran it on my Droid Razr Maxx, it rendered it differently:

It’s a very glaring difference.

Could some explain why this is and how I can get it to render correctly on the physical Android device?

I’m using Version 2015.2545 of Corona and the Razr Maxx is running Android version 4.4.4

Thanks.

-HJS

It looks to me like your simulator may be using the iOS7 skin.  Look at widget.setTheme()   http://docs.coronalabs.com/api/library/widget/setTheme.html

Rob

Thanks Rob, that was the answer I needed. 

Why doesn’t the widget theme in the simulator change to an Android one when an Android device is chosen in view as?

-HJS

Hi @Hijinx,

The Simulator skins do not detect that the skin itself is “Android” or “iOS”. This detection will happen on actual devices, but on the Simulator, you will need to set the theme to whatever you want to test as.

Take care,

Brent

Good to know, thanks.

-HJS

It looks to me like your simulator may be using the iOS7 skin.  Look at widget.setTheme()   http://docs.coronalabs.com/api/library/widget/setTheme.html

Rob

Thanks Rob, that was the answer I needed. 

Why doesn’t the widget theme in the simulator change to an Android one when an Android device is chosen in view as?

-HJS

Hi @Hijinx,

The Simulator skins do not detect that the skin itself is “Android” or “iOS”. This detection will happen on actual devices, but on the Simulator, you will need to set the theme to whatever you want to test as.

Take care,

Brent

Good to know, thanks.

-HJS