Align list items left on a row with huge height

I have a list component filled with text of varying length.

I currently have this

But I'm trying to get this

And is it possible to manually wrap the row height depending on the size of the text inside the row?开发者_如何学运维

Thanks!

You can create your custom renderer like this:

<mx:Box verticalAlign="top">
    <mx:Label id="text"/>
</mx:Box>
override public function set data(value:Object):void
{
    //fill text from data
}