children vs childrenRect

[Vinoth Rajendran4]

Hi All,
I have a scenario where i need to bind the parent item's height to its children height , sample code for understanding

Item {
     width: 300
     height: children.height // or childrenRect.height

    Item{
       .............
    }
    Item{
        ........... 
    }
}

I need to know which is the best way to bind, either to use children.height or childrenRect.height and please explain the reason for the choice.

Any help is appreciated.

Thanks!

[sierdzio]

Is this for real? Have you even tried it?

children is a list of items. It does not even have a height property!

So obviously, the answer is: childrenRect.height.

[GrecKo]

And that's not the best way to accomplish this.

You should use positioners like Row or Column or layouts like ColumnLayout or RowLayout.
If you don't want that for some reason, you should set the implicit size of your container from the implicit size of your items.
I have yet to see a legit use-case of childrenRect.

I guess you should better define what you want from a higher level point of view.

Item {
    width: 300
    Item{
       .............
    }
    Item{
        ........... 
    }
}

Do you want both child item to be side by side? Stacked on top of eachother?
Do you want to position them manually?

[Vinoth Rajendran4]

@sierdzio , I was using children.height in my project. As you mentioned, I dig deeper and its a wrong approach which i have used in my project sometime.

Thanks for the info.

[Vinoth Rajendran4]

@GrecKo , I want all my child items to be placed side by side.

[sierdzio]

@Vinoth-Rajendran4 said in children vs childrenRect:

@GrecKo , I want all my child items to be placed side by side.

In that case you should use Row or RowLayout.