flet.Column is not aligning its child controls

[thetrotfreak]

Question

When returning a flet.Column() layout control from the build() method of a class inheriting from flet.UserControl, the alignment and horizontal_alignment parameters are not affecting the alignment of its (flet.Column.controls[]) child controls. flet.Row() works fine.

Code sample

# row.py
from flet import Row, Text, UserControl, MainAxisAlignment


class RowControl(UserControl):
    def __init__(self):
        super().__init__()

    def build(self):
        return Row(
            controls=[Text(value="Hello World!")],
            alignment=MainAxisAlignment.CENTER
        )

# column.py
from flet import Column, UserControl, MainAxisAlignment
from row import RowControl


class ColumnControl(UserControl):
    def __init__(self):
        super().__init__()

    def build(self):
        return Column(
            controls=[RowControl(), RowControl()],
            alignment=MainAxisAlignment.SPACE_BETWEEN,
        )

# main.py
import flet
from column import ColumnControl


def main(page: flet.Page):
    page.add(ColumnControl())


if __name__ == "__main__":
    flet.app(target=main)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[iron3oxide]

I just fiddled around a bit and it seems to me that using Column or Row directly doesn't change the behaviour. With Row, you can change the horizontal alignment, but vertical_alignment doesn't really do anything in basic examples. With Column, neither alignment visibly changes anything in those examples. Strange that I never noticed this before..

[thetrotfreak]

Yea, using Column and Row directly works as it should. It's just that only the Column seems to have some problem when it's returned from a UserControl.

[iron3oxide]

That's not what I meant, in the scenarios I tested it made no difference whether the Column was inside a UserControl or not. Could you maybe show a code sample where they behave differently?

[thetrotfreak]

Here's what I'm expecting from the original code, the 2 Row of Text Hello World! & Hello World! should be center aligned on the page and that one of 'em should be on the top while the other on the bottom (because of MainAxisAlignment.SPACE_BETWEEN).

[iron3oxide]

I agree that the result is somewhat unexpected, but I just tried it again and no matter if I use ColumnControl or Column directly, the result is the same. So if anything, it's a problem of the controls themselves, not of using them in a UserControl.

[thetrotfreak]

Here's my repo, if you could have a look.

I want the Scramble, Timer, & Buttons to be spaced in between, not cramped in together.

[thetrotfreak]

Read this discussion thread for answer.