{"id":13628,"date":"2023-09-19T23:18:26","date_gmt":"2023-09-19T21:18:26","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=13628"},"modified":"2023-09-19T23:18:36","modified_gmt":"2023-09-19T21:18:36","slug":"flet-applications-with-flutter-in-python","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/flet-applications-with-flutter-in-python\/","title":{"rendered":"Flet, applications with Flutter in Python"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

This seems very huge: making applications with Python instead of javascript with flet module to use Python for flutter. Let’s see the example provided in their site<\/p>\n\n\n\n

import flet as ft\n\ndef main(page: ft.Page):\n    page.title = \"MY FIRST FLET APP\"\n    # aligned in the middle\n    # page.vertical_alignment = ft.MainAxisAlignment.CENTER\n\n    # the TextField widget\n    txt_number = ft.TextField(\n                        value=\"0\",\n                        text_align=ft.TextAlign.RIGHT,\n                        width=100)\n\n\n    def minus_click(e):\n        txt_number.value = str(int(txt_number.value) - 1)\n        page.update()\n\n    def plus_click(e):\n        txt_number.value = str(int(txt_number.value) + 1)\n        page.update()\n\n    # adds widgets to the page\n    # 1 the - it's a button the second paramenter is the on_click command\n    # 2 the textfield\n    # 3 the +\n    page.add(\n        ft.Row(\n            [\n                ft.IconButton(ft.icons.REMOVE, on_click=minus_click),\n                txt_number,\n                ft.IconButton(ft.icons.ADD, on_click=plus_click),\n            ],\n            alignment=ft.MainAxisAlignment.CENTER,\n        )\n    )\n# calling the main function with the target=main parameter for the flet.Page class\nft.app(target=main)<\/pre>\n\n\n\n
This makes a simple counter example. Very nice. We will see what we can make with it.<\/p>\n\n\n\n
Examples repository<\/h2>\n\n\n\n
https:\/\/github.com\/flet-dev\/examples\/tree\/main\/python<\/a><\/p>\n\n\n\n
\r\n