change TextField password default icon styles

[stabldev]

Question

hi, I was wondering how can we change TextField password enabled default icon style?
like - I want to change its color for example.

I found this issue: #1318
it seems closed without any comments, or did I miss something?

Code sample

password_field = ft.TextField(
    label="Password",
    password=True,
    can_reveal_password=True,
    hint_text="password#0000",
    width=400,
    height=50,
    border_color=ft.colors.TERTIARY,
    focused_border_color=ft.colors.PRIMARY,
    border_radius=10,
    label_style=ft.TextStyle(color=ft.colors.BLUE_100),
    hint_style=ft.TextStyle(color=ft.colors.with_opacity(0.35, ft.colors.BLUE_100)),
)

Error message

No response

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

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

[ndonkoHenri]

You can build a custom one:

import flet as ft


def main(page: ft.Page):
    def handle_password_icon_click(e):
        if password_field.password:
            password_field.password = False
            password_field.suffix.icon = ft.icons.VISIBILITY
        else:
            password_field.password = True
            password_field.suffix.icon = ft.icons.VISIBILITY_OFF
        password_field.update()

    password_field = ft.TextField(
        password=True,
        suffix=ft.IconButton(
            icon=ft.icons.VISIBILITY_OFF,
            icon_color=ft.colors.GREEN,
            on_click=handle_password_icon_click,
        ),
    )
    page.add(password_field)


ft.app(target=main)

[stabldev]

oh thats how it is.
Thanks ya!

[WimpieRatte]

Just pasting an updated code for this, since some properties have since changed in Flet:

import flet as ft


def main(page: ft.Page):
    def handle_password_icon_click(e):
        if password_field.password:
            password_field.password = False
            password_field.suffix_icon = ft.Icons.VISIBILITY
        else:
            password_field.password = True
            password_field.suffix_icon = ft.Icons.VISIBILITY_OFF
        password_field.update()

    password_field = ft.TextField(
        password=True,
        suffix=ft.IconButton(
            icon=ft.Icons.VISIBILITY_OFF,
            icon_color=ft.Colors.GREEN,
            on_click=handle_password_icon_click,
        ),
    )
    page.add(password_field)

ft.app(target=main)