我在搜索欄下方創建了一個串列視圖構建器。我希望過濾生成的 API 資料并在搜索欄中列出。我是初學者，請幫忙
ListView.builder(
shrinkWrap: true,
itemCount: product?.length,
physics: const NeverScrollableScrollPhysics(),
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.only(left: 15),
child: Expanded(
child: ListTile(
title: Text(product![index].title.toString()),
leading: CircleAvatar(
backgroundImage: NetworkImage(
product![index].image.toString()),
)),
),
);
},
),
串列視圖構建器的輸出
uj5u.com熱心網友回復：
您可以查看此示例
https://stackoverflow.com/a/50569613/13078639
https://www.youtube.com/watch?v=ZHdg2kfKmjI&ab_channel=JohannesMilke
https://www.youtube.com/watch?v=kX1BJ3XcXcA&ab_channel=InventorCode
如果您愿意，也可以添加一個庫：過濾器串列、搜索頁面
uj5u.com熱心網友回復：
要過濾您的產品，您必須在產品陣列中執行搜索并更新products狀態，例如：
setState(() {
products = products.where((product) => product.title.contains('your-search'));
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/529680.html
標籤：扑镖列表显示筛选搜索栏