How do i route with async ?

[cupux]

Question

Hello i have this code which runs perfectly without async which is this
`def main(page: ft.Page):
page.views.clear()
page.window_width = 450 # window's width is 200 px
page.window_height = 800
page.margin = 0
page.padding = 0
page.spacing = 0
theme = ft.Theme()
theme.page_transitions.linux = ft.PageTransitionTheme.CUPERTINO
theme.page_transitions.android = ft.PageTransitionTheme.CUPERTINO
page.theme = theme

def route_change(route):
    page.views.clear()
    page.views.append(ft.View(route="/auth", controls=[AuthView(page)]))

    if page.route == "/login":
        page.views.append(ft.View(route="/login", controls=[Login(page)]))

    if page.route == "/signup":
        page.views.append(ft.View(route="/signup", controls=[SignUp(page)]))

    if page.route == "/":
        page.views.append(
            ft.View(
                floating_action_button=ft.FloatingActionButton(
                    icon=ft.icons.HOME_FILLED,
                    bgcolor=customPrimaryColor,
                    on_click=lambda e: page.go("/"),
                ),
                floating_action_button_location=ft.FloatingActionButtonLocation.CENTER_DOCKED,
                route="/",
                padding=ft.padding.all(0),
                appbar=appbar,
                bottom_appbar=custom_bottom_appbar(page),
                controls=[Dashboard(page)],
            )
        )

    page.fonts = {"ABeeZee": "fonts/ABeeZee-Regular"}

page.update()

page.on_route_change = route_change

page.go("/auth")

ft.app(target=main, assets_dir="assets")
`
in my page.route == "/":
i have an api call which i make to populate data in it which is
in my Dashboard class this is what i have

`class Dashboard(ft.Container):
def init(self, page: ft.Page):
super().init()

    get_ads = getAds(1)
    for i in get_ads["results"]:
        self.ads_lists.extend(
            [
                ft.Container(
                    col={"xs": 6, "sm": 6, "md": 6, "xl": 6},
                    content=ft.Card(
                        color="white",
                        content=ft.Container(
                            content=ft.Column(
                                controls=[
                                    ft.Image(
                                        src="https://addiny.com" + i["image"],
                                        width=300,
                                        height=200,
                                        fit=ft.ImageFit.COVER,
                                        repeat=ft.ImageRepeat.NO_REPEAT,
                                        border_radius=ft.border_radius.all(10),
                                    ),
                                    ft.ListTile(
                                        leading=ft.Icon(ft.icons.ALBUM),
                                        title=ft.Text(
                                            i["product_name"], color="black"
                                        ),
                                        subtitle=ft.Text(
                                            i["location"], color="black"
                                        ),
                                    ),
                                ]
                            ),
                        ),
                    ),
                    on_click=lambda e: page.go("/ads-detail"),
                )
            ]
        )


  
    self.content = ft.Column(
        controls=[
            ft.Column(
                spacing=0,
                expand=True,
                alignment=ft.MainAxisAlignment.START,
                horizontal_alignment=ft.CrossAxisAlignment.CENTER,
                controls=self.ads_lists,
            ),
        ]
    )`

in which the getAds() is where i am making the request. but the problem now is, the page doesn't load till the request comes in, but i want it in a async form in which the page loads but then waits for the request to come in just like how linkedin works incase a page failes to load you still have access to others.
please would be happy to get help

Code sample

No response

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.