How do I create a VBox that will grow to fit all the children rather than use a scrollbar?

Question

I have a Canvas with a VBox in it. As I add items to the VBox, I want the VBox to grow, I want the scrollbar on the Canvas to control the visibility.

How do I accomplish this?

Answer 1

try setting the VBoxes verticalScrollPolicy to off (false? not sure, whatever the negative option is)

Answer 2

Credit to invertedSpear as it was a correct answer, but here's an example that demonstrates it:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

<mx:Script>
    <![CDATA[
        import mx.controls.Label;

        private function createChild() : DisplayObject {

            var label:Label = new Label();
            label.text = "hello " + container.numChildren;
            return label;

        }

    ]]>
</mx:Script>


<mx:Button label="Add More" click="container.addChild(createChild())" />

<mx:Canvas width="100%" height="100%" backgroundColor="#FF0000">

    <mx:VBox id="container" verticalScrollPolicy="off" backgroundColor="#FFF" backgroundAlpha="0.5">

        <mx:Label text="hello" />

    </mx:VBox>

</mx:Canvas>

</mx:Application>