套件概覽
ChipsInput 是一個 Flutter 小部件,允許使用者透過互動式晶片輸入多個值,並提供即時建議。它支援動態創建晶片、根據輸入過濾建議,以及可自訂樣式。非常適合用於標籤、選擇選項,或以乾淨直覺的介面輸入項目清單。此小部件可無縫整合至表單與資料輸入流程中,透過即時回饋與視覺清晰度提升使用者體驗。
適用情境
- 標籤系統
- 多選輸入
- 表單數據輸入
- 可搜尋的晶片選擇
- 使用者偏好收集
- 動態列表創建
主要特色
- 即時建議過濾
- 可自定義的晶片外觀
- 支援鍵盤導航
- 與表單欄位輕鬆整合
- 防止重複晶片
- 可設定的輸入驗證
適合對象
- 表單建構器
- 基於標籤的介面
- 使用者偏好選擇器
- 資料輸入包含多個值
- 互動式搜尋元件
使用建議
- 有限的平台特定行為
- 除了重複項之外,沒有內建驗證
- 需要手動處理晶片移除
- 可能需要自訂樣式以支援複雜主題
- 未針對非常大的建議集合進行優化
