Chip control icon change problem

[burhansvural]

Question

Why doesn't the chip control icon change? It is necessary to write new codes in control.py

Code sample

import flet as ft

def main(page: ft.Page):  

    favorite:bool=False

    def test_chip_click(e):        
        nonlocal favorite
        print(favorite)
        favorite = not favorite
        print(favorite)
        page.update()
        
    test_chip_control=ft.Chip(
        label=ft.Text("Test Label Text"),
        leading= ft.Icon(ft.icons.FAVORITE if not favorite else ft.icons.FAVORITE_OUTLINE_SHARP),
        autofocus=True,
        on_click=test_chip_click,
    )

    page.add(ft.Row(controls=[test_chip_control]))
    

ft.app(target=main)

Error message

error not found

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

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

[ndonkoHenri]

In contrast to Flutter/Dart, Flet is not reactive.
To solve your issue, you need to access the chip's leading property (which is the Icon), and modify the icon's name. Try the below:

import flet as ft


def main(page: ft.Page):

    favorite: bool = False

    def test_chip_click(e):
        nonlocal favorite
        print(favorite)
        favorite = not favorite
        e.control.leading.name = ft.icons.FAVORITE if not favorite else ft.icons.FAVORITE_OUTLINE_SHARP
        print(favorite)
        page.update()

    test_chip_control = ft.Chip(
        label=ft.Text("Test Label Text"),
        leading=ft.Icon(
            ft.icons.FAVORITE if not favorite else ft.icons.FAVORITE_OUTLINE_SHARP
        ),
        autofocus=True,
        on_click=test_chip_click,
    )

    page.add(ft.Row(controls=[test_chip_control]))


ft.app(target=main)

[burhansvural]

@ndonkoHenri I tried this and it works like this (#2616).
But I wanted to make it work the other way, but I couldn't.