无法设置Flet Dropdown组件的值，求助解决方案

问题原因 #

Flet的Dropdown组件设计上要求value必须对应已存在选项的key，当没有任何选项时，直接设置d.value = "test"不会生效，因为没有匹配的选项可以关联。

解决方法 #

方法1：用TextField模拟Dropdown样式（推荐）

如果场景仅需显示值、不需要下拉选择功能，直接用TextField设置成只读并模拟Dropdown外观即可，完全不受选项限制：

import flet as ft

def main(page: ft.Page):
    def add_clicked(e):
        fake_dropdown.value = "test"
        page.update()
    
    def delete_clicked(e):
        fake_dropdown.value = ""
        page.update()

    # 模拟Dropdown的只读输入框
    fake_dropdown = ft.TextField(
        read_only=True,
        border=ft.InputBorder.OUTLINE,
        suffix_icon=ft.Icon(ft.icons.ARROW_DROP_DOWN),
        text_size=14
    )
    option_textbox = ft.TextField(hint_text="Enter item name")
    add = ft.ElevatedButton("Add", on_click=add_clicked)
    delete = ft.OutlinedButton("Delete selected", on_click=delete_clicked)
    
    page.padding = 50
    page.add(fake_dropdown, ft.Row(controls=[option_textbox, add, delete]))

ft.app(target=main)

方法2：动态添加临时选项（保留Dropdown组件）

如果必须使用Dropdown组件，可以先添加临时选项绑定值，再通过禁用下拉按钮来模拟仅显示值的效果：

import flet as ft

def main(page: ft.Page):
    def add_clicked(e):
        # 清空现有选项，添加临时选项并绑定值
        d.options.clear()
        d.options.append(ft.dropdown.Option("test", "test"))
        d.value = "test"
        # 禁用下拉按钮，仅保留显示值的功能
        d.disabled = True
        page.update()
    
    def delete_clicked(e):
        d.options.clear()
        d.value = None
        d.disabled = False
        page.update()

    d = ft.Dropdown()
    option_textbox = ft.TextField(hint_text="Enter item name")
    add = ft.ElevatedButton("Add", on_click=add_clicked)
    delete = ft.OutlinedButton("Delete selected", on_click=delete_clicked)
    
    page.padding = 50
    page.add(d, ft.Row(controls=[option_textbox, add, delete]))

ft.app(target=main)

额外说明 #

• 方法1更简洁，适合仅需展示值的场景，完全绕开Dropdown的选项绑定限制。
• 方法2保留了Dropdown组件本体，适合必须基于Dropdown扩展的场景，但需要处理选项和禁用状态的切换逻辑。

内容的提问来源于stack exchange，提问作者S C