Unable To Use Async in Flet

[Muddassir-Farooq-official]

Duplicate Check

• I have searched the opened issues and there are no duplicates

Describe the bug

when i am trying to get data from my backend fastapi server its not fetching data, and showing error
G:\Projects\BISTRO SERVER\New_Supplier.py:242: RuntimeWarning: coroutine 'Supplier_List_View.load_suppliers' was never awaited
self.load_suppliers()
RuntimeWarning: Enable tracemalloc to get the object allocation traceback
Successful:
Error in Details
Snackbar Called

Code sample

Code

import flet as ft
from helper import *
import httpx
import asyncio

class Supplier_List_View(ft.View):
    def __init__(self, page,role):
        super().__init__(route="/Supplier_lists")
        self.page = page  # Store reference to the main page

        self.api = "http://178.16.130.218:5000/sellers/list"
        
        self.suppliers = []
        self.selected = ft.Text("Search To Dsiplay",visible=True)


        self.search_field = ft.AutoComplete(
            suggestions=[
            ],
            on_select=self.update_selected,  # ✅ No lambda needed
        )

        self.supplier_table = ft.DataTable(
            columns=[
                ft.DataColumn(ft.Text("Full Name", color='white')),
                ft.DataColumn(ft.Text("Company Name", color='white')),
                ft.DataColumn(ft.Text("Phone Number", color='white')),
                ft.DataColumn(ft.Text("Email", color='white')),
                ft.DataColumn(ft.Text("Address", color='white')),
                ft.DataColumn(ft.Text("Note", color='white')),
                ft.DataColumn(ft.Text("Delete", color='white')),
            ],
            heading_row_color=theme_main_color,
            #data_row_color='white',
            rows=[]
        )

        self.menu = menu(self.page)
        self.shortcut = show_ios_menu()

        self.controls = [
             ft.AppBar(
                    title=ft.Text("360 Supplier List", size=16, color='white'), 
                    bgcolor=theme_main_color,
                    actions=[
                        self.shortcut,
                        ft.Container(width=20)
                    ]
                ),
            
            ft.Container(
            content=ft.Column(
                [ 
                    ft.Container(
                        content=ft.Column(
                            [
                                ft.Text("Search Here"),
                                self.search_field
                            ],spacing=0
                        ),
                        padding=10,width=400
                        ),
                    #ft.Divider(color='transparent'),
                    ft.Row(
                        [self.supplier_table],
                        scroll=True
                    ),
                    self.selected
                    
                ],  
                horizontal_alignment="center"
            ),
            padding=0,
            #border_radius=20,
            margin=0,
        ),

         self.menu
            
        ]
        self.bgcolor = ''
        self.horizontal_alignment="center"
        self.padding = 0
        self.scroll = ft.ScrollMode.HIDDEN
        self.load_suppliers()

    def did_mount(self):
        self.page.run_task(self.load_suppliers)  # Properly schedules the coroutine

    async def load_suppliers(self):
        async with httpx.AsyncClient() as client:
            try:
                response = await client.get(self.api)
                    
                if response.status_code == 200:
                    data = response.json()

                    print(" Successful:")
                    self.suppliers = [
                    {
                        "id": supplier[0],  
                        "name": supplier[1],  
                        "company_name": supplier[2],  
                        "phone": supplier[3],  
                        "email": supplier[4],  
                        "address": supplier[5],  
                        "note": supplier[6],  
                    }
                    for supplier in data
                ]
                    self.search_field.suggestions = [
                    ft.AutoCompleteSuggestion(value=s["name"]) for s in self.countries
                ]
                
                    self.page.update()
                    print(self.countries)

                    return
                else:
                    print("Error:", response.json())  # Debugging
                    raise Exception(response.json().get("detail", "Unknown Error"))
            except Exception as ex:
                print("Error in Details")
                show_snackbar("Something Went Wrong",self.page)
                    #close_dialog(self.page)
    

    def update_selected(self, e):
        """Extract and print only the selected value"""
        if e.selection:  
            name = e.selection.value  # ✅ Extract value only
            self.selected.value = f"{name}"
            self.selected.update()
            print(name)  # ✅ Print only the selected name
        
            selected_supplier = next((s for s in self.suppliers if s["name"] == self.selected), None)

            if selected_supplier:
              print("Supplier Found")
              self.supplier_table.rows = [
                ft.DataRow(
                    cells=[
                        ft.DataCell(ft.Text(selected_supplier.get("name", ""))),
                        ft.DataCell(ft.Text(selected_supplier.get("company_name", ""))),
                        ft.DataCell(ft.Text(selected_supplier.get("phone", ""))),
                        ft.DataCell(ft.Text(selected_supplier.get("email", ""))),
                        ft.DataCell(ft.Text(selected_supplier.get("address", ""))),
                        ft.DataCell(ft.Text(selected_supplier.get("note", ""))),
                        ft.DataCell(ft.Icon(ft.icons.DELETE, color="red")),
                    ]
                )
            ]
            self.page.update()
        

To reproduce

i want to display data from api

Expected behavior

it should display data

Screenshots / Videos

Captures

[Upload media here]

Operating System

macOS

Operating system details

Windows

Flet version

flet 0.26.0

Regression

No, it isn't

Suggestions

No response

Logs

Logs

G:\Projects\BISTRO SERVER\New_Supplier.py:242: RuntimeWarning: coroutine 'Supplier_List_View.load_suppliers' was never awaited
  self.load_suppliers()
RuntimeWarning: Enable tracemalloc to get the object allocation traceback
 Successful:
Error in Details
Snackbar Called```

</details>


### Additional details

_No response_

[ndonkoHenri]

Try removing self.load_suppliers() from the init method.

[Muddassir-Farooq-official]

Then how to implement?

[Klu1d]

Remove self.load_suppliers() from __init__ and implement a build() method where the main UI construction code will be placed. After that (as you already did), implement did_mount(), and finally, add self.page.update()