[Question] I can´t center the container

[AngelCard]

Question

Center the elements of a column which is inside a container. I tried MainAxisAlingment but it didn't work.

Code sample

import flet
from flet import *

class InputField(UserControl):
    def __init__(self, label, hint_text, marginTop, password=False):
        super().__init__()
        self.body = Container(
            Row(
                controls=[
                    TextField(
                        width= 413,
                        height=70,
                        border_radius=10,
                        border_width=2,
                        border_color='#A44BFF',
                        bgcolor='#C4C4C4, 0.1',
                        text_style=TextStyle(color='white'),
                        password=password,
                        label=label,
                        hint_text=hint_text
                    )
                ]
            ),
            margin=margin.only(top=marginTop),
        )
        
        
    def build(self):
        return self.body


body = Container(
    Stack([
        Image(
            src='fondoLogin.jpg'
        ),
        Container(
            Container(
                Column(
                    [
                        Row(
                            alignment=MainAxisAlignment.CENTER,
                            controls=[
                                Image(
                                    src='logoEduConter.png',
                                    width=346,
                                    height=243
                                )
                            ]
                        ),
                        Row(
                            controls=[
                                Text(
                                    'Inicio de Sesión',
                                    color='white',
                                    weight='bold',
                                    size=28,
                                )
                            ]
                        ),
                        InputField('Nombre de Usuario', 'Nombre de Usuario', 21),
                        InputField('Contraseña', 'Contraseña', 15, True)
                    ],
                    
                ),
                alignment=alignment.center,
                width=413,
               
                bgcolor='red'
            ),
            alignment=alignment.center,
        ),
        
    ]),
   
)

def main(page: Page):
    page.title = 'EduConter - Login'
    page.theme_mode = 'DARK'
    page.padding = 0
    page.window_maximized = True
    page.window_resizable = False
    page.vertical_alignment = 'Center'
    page.horizontal_alignment = 'Center'
    
    page.add(body)
    page.update()

    
flet.app(target=main)

Error message

No response

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

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

[ndonkoHenri]

What do you want to center precisely in the Column? 'Inicio de Sesión'? To center it, center its parent - the row - as follows:

Row(
    alignment=MainAxisAlignment.CENTER,
    controls=[
        Text(
            'Inicio de Sesión',
            color='white',
            weight='bold',
            size=28,
        )
    ]
)

I can't see the Image at the top, and the Textfields occupy the available horizontal space, so centering won't have a visual effect.

By the way, in your code you used 'Center' instead of 'center' for the page's alignments.
I suggest:

page.vertical_alignment = 'center'
page.horizontal_alignment = 'center'

# OR

page.vertical_alignment = MainAxisAlignment.CENTER
page.horizontal_alignment = CrossAxisAlignment.CENTER