Fleet tutorial 19 introduction to verticaldivider separator component Foundation (tutorial includes source code)

Flet What is it?

Flet It's a framework , Make it easy for you to build real-time in your favorite language Web、 Mobile and desktop applications , And share them safely with your team . No front-end experience .

What is? VerticalDivider

A thin vertical line , Filled on both sides . In material design language , This represents a separator .

Combat code

import flet
from flet import Container, Page, Row, VerticalDivider, alignment, colors

def main(page: Page):

    page.add(
        Row(
            [
                Container(
                    bgcolor=colors.ORANGE_300,
                    alignment=alignment.center,
                    expand=True,
                ),
                VerticalDivider(),
                Container(
                    bgcolor=colors.BROWN_400,
                    alignment=alignment.center,
                    expand=True,
                ),
                VerticalDivid