Your Second Flutter App
About this episode
Leave a rating/review
See forum comments
Mark complete
Next episode: 21. Use a Hero Animation
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
Unlock now
It’s time for a challenge on Flutter widget creation. Currently, we have a an app that has lots of different domains. It’d be nice for the user to navigate to a filter page and to filter out all the courses.
class FilterPage extends StatefulWidget {
const FilterPage({ Key? key }) : super(key: key);
@override
_FilterPageState createState() => _FilterPageState();
}
class _FilterPageState extends State<FilterPage> {
@override
Widget build(BuildContext context) {
return Container(
);
}
}
class _FilterPageState extends State<FilterPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(Strings.filter),
),
body: const Text('Filter'),
);
}
}
import '../../strings.dart';
appBar: AppBar(
title: Text(Strings.appTitle),
actions: <Widget>[
IconButton(
icon: const Icon(Icons.filter_list),
onPressed: () => Navigator.of(context).push<MaterialPageRoute>(
MaterialPageRoute(builder: (_) => const FilterPage())),
)
],
),
import 'ui/filter/filter_page.dart';