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."
           ),
         ),
       );
     }
}

Итак, то, что вы пытаетесь сделать, может быть достигнуто этим. Теперь все, что вам нужно сделать, это сделать это динамически, показать этот список на вашей странице. Помните, чем больше вы боретесь, тем больше вы учитесь.