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've reached locked video content where the transcript will be shown as text.
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';