如何在 flutter 中創建自定義下拉搜索

Question

我想在我的項目中實現下拉搜索功能，但它只接受字符串類型的列表。 我正在使用 API 獲取數據，因此是 object 模型類型的列表。 如何使用自定義下拉搜索，以便它接受我的 model 類型列表？ 或者有什么方法可以將 Object Model 類型的列表轉換為 flutter 中的字符串類型列表？ 任何解決方案都可以接受，在此先感謝。

Answer 1

是的，您可以從 API 中 map 您的 object 並將它們顯示為字符串。 你可以這樣做：

class CustomObject {
  final String name;
  final double data;

  CustomObject(this.name, this.data);
}

...
{
  final dataFromApi = [
    CustomObject('first', 20.0),
    CustomObject('second', 20.0),
  ];

  final mappedData = dataFromApi.map((element) => element.name).toList();

  // ['first', 'second']
}
...

然后，您只需要找到一種方法將單擊的下拉值與您的 api 數據列表進行比較並確定 object 到 select。

例如：

  final obj = dataFromApi.firstWhere((element) => element.name == selectedString);