[Question]How to place an image as background in an alert dialog

[AngelCard]

Question

Hello, my problem is that when I place an image as background of an alert dialog, when I execute the code the image leaves a white part. I have already tried sizing the image to the alert dialog dimensions but it doesn't work either.

Code sample

#AlertDialogs
    exit_dialog = AlertDialog(
        shape=RoundedRectangleBorder(radius=20),
        content_padding=0,
        actions_padding=0,
        title_padding=0,
        modal=True,
        content=Container(
            Stack([
                Image(
                    src='./images/fondoAlertDialog1.png',
                ),
                Container(
                    Column(
                        alignment=MainAxisAlignment.CENTER,
                        horizontal_alignment=CrossAxisAlignment.CENTER,
                        controls=[
                            Container(
                                Text(
                                    '¿DESEAS SALIR DE EDUCONTER?',
                                    color='white',
                                    font_family='Inter',
                                    size=24,
                                    weight='w600',
                                    max_lines=2,
                                    text_align=TextAlign.CENTER
                                ),
                                width=239
                            ),
                            Row(
                                alignment=MainAxisAlignment.CENTER,
                                controls=[
                                    TextButton(
                                        content=Text(
                                            'CANCELAR',
                                            
                                            font_family='Inter',
                                            size=18,
                                            weight='w700'
                                        ),
                                        style=ButtonStyle(
                                            overlay_color='#CF1919, 0.65',
                                            color={
                                                MaterialState.DEFAULT: '#C9B9DE',
                                                MaterialState.HOVERED: '#590303'
                                            },
                                            shape={
                                                '':RoundedRectangleBorder(radius=5)
                                            },side={
                                                MaterialState.DEFAULT:BorderSide(1, '#9E0B0B'),
                                                MaterialState.HOVERED:BorderSide(1, '#590303')
                                            }
                                        ),
                                        width=130,
                                        height=58
                                    ),
                                    TextButton(
                                        content=Text(
                                            'ACEPTAR',
                                            font_family='Inter',
                                            size=18,
                                            weight='w700'
                                        ),
                                        style=ButtonStyle(
                                            overlay_color='#70FE63, 0.65',
                                            color={
                                                MaterialState.DEFAULT:'#C9B9DE',
                                                MaterialState.HOVERED: '#075013'
                                            },
                                            shape={
                                                '':RoundedRectangleBorder(radius=5)
                                            },side={
                                                '':BorderSide(1, '#0B791D'),
                                            }
                                        ),
                                        width=130,
                                        height=58
                                    )
                                ]
                            )
                        ]
                    ),
                    alignment=alignment.center
                )
            ]),
            border_radius=20,
            width=400,
            height=250,
            alignment=alignment.center
        )
    )

Error message

No response

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

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

[ingdesarr1]

Maybe using the properties of ft.Image you can adapt to the AlertDialog. Usign FILL maybe. I set the link below

https://flet.dev/docs/controls/image#fit