Your Second Flutter App

Nov 30 2021 · Dart 2.13, Flutter 2.2.3, Visual Studio Code

Part 4: Filter Results

27. Challenge: Add a Filter

Episode complete

Play next episode

Next
About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 26. Build Out the Filter Page Next episode: 28. Use Shared Preferences

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Transcript: 27. Challenge: Add a Filter

We left out one important tech domain on the FilterPage. Can you guess which one? Well, Flutter of course! Your challenge is to pause the video, and add the a FilterWidget for Flutter to the FlutterPage. Follow the template already on the page and add the widget to the page. Pause the video and give it a shot.

How’d that challenge go you? If you got stuck, feel free to follow along with me. To get started, open your project in progress or download the sample project for this episode. Open the filter_page.dart page.

Scroll down to the build method and add the following.

FilterWidget(
  value: Constants.flutterFilter,
  groupValue: _filterValue,
  onChanged: _handleRadioValueChange,
  text: Strings.flutter,
),

And that’s it! Build and run your project or hot reload. Head on over to the FilterPage. And look at that, you now have a Flutter option.