Flutter - 如何對列表進行勾選框篩選以縮小搜索范圍

Question

我很陌生，還在學習。 我很擅長如何為汽車列表創建過濾器。 例如，勾選一個僅顯示紅色汽車的方框。

我做了一些搜索，但我似乎無法弄清楚如何做到這一點。 我確實看到了“哪里”的方法，但努力使它恍然大悟。

這樣做的最佳方式是什么，請你指出正確的方向。 無法理解這一點。

Answer 1

所以要為你的列表創建一個過濾器。 讓我們假設您有一個汽車課程：

Class Car {
   final String carName;
   final String color;
   Car({this.carName, this.color});
}

讓我們說你有一些汽車對象：

List<Car> AllCars = [
    new Car(carName: "McQueen",color: "red"),
    new Car(carName: "Mater",color: "rusty"),
];

現在，您為列表創建一個statefulWidget ：

class ListPage extends StatefulWidget{
    @override
   _listPageState createState() => new _listPageState();
}

class _listPageState extends State<ListPage> {

    List<Car> _RedCars = null;

    @override
    void initState() {
        super.initState();
        _RedCars = AllCars.where((i) => i.color == "red").toList();
    }

    @override
    Widget build(BuildContext context) {
       return new Scaffold(
         body: new Container(
           child: new Text(
             "Boom!!! You are done. Now build your list on the page."
           ),
         ),
       );
     }
}

所以，你要做的就是通過這個來實現。 現在，您所要做的就是動態完成，在頁面上顯示此列表。 記住，你學到的越多，你的斗爭就越多。