Your Second Flutter App
About this episode
Leave a rating/review
See forum comments
Mark complete
Next episode: 35. Use Portrait Mode
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
At the moment, the CoursesPage and FilterPage each separately maintain the state of the filter in the app. Now that you have an InheritedWidget in FilterStateContainer, you can replace the separate state on the two pages with the single state that is lifted up in the widget tree. In Flutter, this is referred to lifting state up.
late FilterState state;
import '../../state/filter_state_container.dart';
groupValue: state.filterValue,
void _handleRadioValueChange(int value) async {
state.updateFilterValue(value ?? 0);
}
remove import
class _FilterPageState extends State<FilterPage> {
late FilterState state;
@override
void didChangeDependencies() {
super.didChangeDependencies();
state = FilterStateContainer.of(context);
}
late FilterState state;
import '../../state/filter_state_container.dart';
future: _controller.fetchCourses(state.filterValue),
final courses = snapshot.data;
if (courses == null ||
(snapshot.connectionState != ConnectionState.done)) {
final _controller = CoursesController(CourseRepository());
@override
void didChangeDependencies() {
super.didChangeDependencies();
state = FilterStateContainer.of(context);
}
void main() => runApp(
FilterStateContainer(
child: MaterialApp(
title: Strings.appTitle,
theme: ThemeData(primaryColor: Colors.green.shade800),
home: const RWCoursesApp(),
),
),
);