How to use same layout for Android and iPhone using Titanium?

Question

I am developing an App using Titanium for iPhone and Android. I created a button and a label and textfield. It looks good in iPhone but is scattered in Android.

I think I have to adjust the each of the control's position. But this would be a big overhead.

Is there any alternative mechanism there by which we can have controls correctly placed both in iphone and Android?

Answer 1

You should take a look at the guide for Designing the User Interface. With each new version of Titanium Mobile, the platform becomes more consistent between the various supported platforms. You really should not need to maintain separate codebases.

Answer 2

First of all don't go for same look and feel. iOS and Android are totally different OS. In Titanium you don't have many controls which are available for iOS.

Let the look and feel be different for Android, don't make it iPhonish.

http://wiki.appcelerator.org/display/guides/Designing+the+User+Interface

Though their docs are not maintained properly. I would suggest you to use some cool graphics which can enhance the look and feel of Application.

I created a button and a label and textfield. It looks good in iPhone but is scattered in Android.

It should not be, post your code. The look and feel might be different, but it should not be scattered.