Fly tutorial 02 advanced functions of elevatedbutton (tutorial includes source code) (tutorial includes source code)

ElevatedButton What is it?

ElevatedButton It is essentially a fill tone button with shadows . To prevent shadow spreading , Please use them only when absolutely necessary , For example, when the button needs to be visually separated from the pattern background .

With many customized contents button

 import flet
from flet import (
    Column,
    Container,
    ElevatedButton,
    Icon,
    Page,
    Row,
    Text,
    icons,
    padding,
)


def main(page: Page):
    page.title = "Elevated buttons with custom content"
    page.add(
        ElevatedButton(
            width=150,
            content=Row(
                [
                    Icon(name=icons.FAVORITE, color="pink"),
                    Icon(name=icons.AUDIOTRACK, color="green"),
                    Icon(name=icons.BEACH_ACCESS, color="blue"),
                ],
                alignment="spaceAround",
            ),
        ),
        El