customizing spinner style picker options on android

You must Login before you can answer or comment on any questions.

I'm using a picker on android with usespinner:true

var picker = Ti.UI.createPicker({
    useSpinner: true,
    visibleItems: 9,
    selectionIndicator:true,
    type : Ti.UI.PICKER_TYPE_PLAIN,
    bottom: 0
    height: 200,
    columns: [pickerColumn],
    className: 'picker'
});
I'm using the useSpinner option in order to make the android app better match the iOS picker style, but I'd like to customize it a bit more as by default it's a pretty crude looking spinner, but I can't seem to figure out how to make any real customizations to the android version.

Right now I'm setting visibleItems to 9, just to fill in the space, but I'd like to reduce the number to 5, but still take up the same amount of vertical space by using larger fonts.

There are really three things I have interest in changing...

  1. the background image behind the picker options/rows text (preferably as a whole, not row by row)
  2. the font size and formatting of the picker options/rows (larger and bold)
  3. change the color/style of the selectionIndicator

I'm okay with the overall look of the picker in iOS, so I'm mostly looking for help specific to android.

Your Answer

Think you can help? Login to answer this question!