Question

Is there a spark component that acts like this?

I’ve tried a spinner list and a combo box they both didn’t look good in the app.

Please post sample code.

                                        

       

Answer 1

You can use the Flextras Mobile DropDownList, with our RadioButtonRenderer and our PopUpSkin 2.

You can play with it here. Here is some code you could use to test your own sample; once you have our mobile component SWC in your library path:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:flextras="http://www.flextras.com/mxml" >
<mx:Script>
 <![CDATA[
  import mx.collections.ArrayCollection;
  [Bindable] public var dataProvider : ArrayCollection = new ArrayCollection([
   {label:"United States of America")},
   {label:"Alabama")},
   {label:"Alaska")},
   {label:"Arizona")},
  ]);
 ]]>
</mx:Script>

<flextras:DropDownList id="mobileComp" 
 dataProvider="{this.dataProvider}" 
 width="100%" 
 skinClass="com.flextras.mobile.dropDownList.skins.DropDownListMobileSkin_PopUp_2"
 itemRenderer="com.flextras.mobile.shared.renderers.RadioButtonRenderer"
>
</flextras:DropDownList>
</s:Application>

It will give you a close approximation of what is in the screenshots.