How to develop UI which will look native to Android using jQuery-mobile?

Question

I am trying to build an Android application using Phonegap and jQuery Mobile. To customize UI, I am using ThemeRoller. While using ThemeRoller, I noticed that by default controls have look and feel of native iPhone controls. e.g. ON-OFF toggle switch

Is there any way to specify that the controls should have look of native Android controls?

Solution 1

This one is called nativeDroid. It's new and it's true Holo, not 'Holo-like'.

I've been trying it out and I must say that it does, in fact, live up to its name, but it still has lots of issues, mainly with using icons and buttons, since this is modified jQM. Having said that, I think this is the best you or anyone else can get at the moment.

Solution 2

Another good one is Fries. It's not built with jQuery Mobile but I think its better not to use jQuery mobile if you're looking for performance.

Fries lets you create sexy Android-like UI using HTML, CSS, and JavaScript.