bug: Flet mobile app does not render Cupertino icons

[Vulturu1]

Duplicate Check

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

Describe the bug

I was designing a mobile app and I had some icons which I added to my page. For some reason the flet mobile app no longer renders the icons and shows boxes with X's inside of them. If run on the desktop however, the icons will appear as normal. Not sure what exactly is the issue but I checked the app version and it seems there was an update. I think this new update broke something with the rendering of icons. Please note this issue only persists with Cupertino Icons.

Worked in 0.80.5, does not work in 0.81.0

Code sample

Code

[Paste your code here]

To reproduce

n/a

Expected behavior

No response

Screenshots / Videos

Captures

[Upload media here]

Operating System

Windows

Operating system details

Windows 10

Flet version

0.81.0

Regression

Yes, it used to work in a previous Flet version (please specify the version in additional details)

Suggestions

No response

Logs

Logs

[Paste your logs here]

Additional details

Works in app version 0.80.5. Breaks in version 0.81.0

[FeodorFitsner]

Are you running Flet app on iOS or Android? Can you provide a repro code and the command you use?

[Vulturu1]

Are you running Flet app on iOS or Android? Can you provide a repro code and the command you use?

I am running it on Android for the mobile platform testing. I can check if it works on iOS as well.

In terms of repro code, I just have a flet.Icon() object inside of a row. Nothing fancy.

I run the code with:
flet run --android main.py

[ndonkoHenri]

I gave it a try and it worked on my end.

import flet as ft


def main(page: ft.Page):
    page.theme_mode = ft.ThemeMode.LIGHT
    page.add(
        ft.SafeArea(
            content=ft.Icon(ft.Icons.ADD, size=100),
        )
    )


ft.run(main)

Please share more info to repro: the exact code you use, screenshot of output, and screenshot of settings page of the Flet app you have (to see the exact version).

[ndonkoHenri]

Even the Flet-Build-Test app (download here), shows the correct icon (see blue floating action button):

[Vulturu1]

So I did some testing and I made a mistake in my previous comments. Using a material Icon works with no issues. The issue persists when I use a Cupertino Icon instead. For example.

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.SafeArea(
             content=ft.CupertinoIcon(icon=ft.CupertinoIcons.CALENDAR, size=200)
        )
)

ft.run(main)

This is what it looks like when run on my android phone:

[FeodorFitsner]

Yep, there is an issue with Cupertino icons, can confirm.

[FeodorFitsner]

Problem fixed in the build template. Will fix in Flet app on the next update.