Наличие содержимого окна просмотра скроллеров на высоте 100%

Question

Есть ли способ получить содержимое компонента внутри скроллера на высоте 100%.

вот простой пример:

<s:Scroller width="100%" height="100%"> 
<s:viewport> 
    <s:Group height="100%"> 
    <s:Rect width="10" height="500"> 
    <s:fill> 
    <s:SolidColor color="0xFF0000"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="10" height="100%"> 
    <s:fill> 
    <s:SolidColor color="0x00FF00"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="20" height="100"> 
    <s:fill> 
    <s:SolidColor color="0x0000FF"/> 
    </s:fill> 
    </s:Rect> 
    </s:Group> 
</s:viewport> 
</s:Scroller> 

Если запустить этот код и прокрутите немного вниз, это то, что вы получите:

Как вы можете видеть, зеленый bar (установленный на высоте 100%) просто использует высоту видового экрана, а не его родительскую группу, которая растягивается красным, чтобы быть высотой 500 пикселей.

Есть ли способ исправить это?

Answer 1

Вот обходной путь: Поместите группу внутри другой группы, а затем она работает, как ожидалось.