flet_counter_app_with_increment_decrement_buttons.py

1import flet as ft
2
3def main(page: ft.Page):
4    page.title = "Flet counter example"
5    page.vertical_alignment = ft.MainAxisAlignment.CENTER
6
7    txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)
8
9    def minus_click(e):
10        txt_number.value = str(int(txt_number.value) - 1)
11        page.update()
12
13    def plus_click(e):
14        txt_number.value = str(int(txt_number.value) + 1)
15        page.update()
16
17    page.add(
18        ft.Row(
19            [
20                ft.IconButton(ft.icons.REMOVE, on_click=minus_click),
21                txt_number,
22                ft.IconButton(ft.icons.ADD, on_click=plus_click),
23            ],
24            alignment=ft.MainAxisAlignment.CENTER,
25        )
26    )
27
28ft.app(main)