Built with
Hi 👋
This post will demonstrate how to access ScaffoldState methods (like showSnackBar) in StatelessWidget.
Let's reproduce a simple example demonstrating the issue and create a HomePage stateless widget with a Scaffold
📄 lib/main.dart
);
}
}
+
+ class HomePage extends StatelessWidget {
+ @override
+ Widget build(BuildContext context) {
+ return Scaffold(
+ appBar: AppBar(
+ title: Text('Stateless Widget Scaffold'),
+ ),
+ );
+ }
+ }
Add a button which will call _showSnackbar when pressed
📄 lib/main.dart
appBar: AppBar(
title: Text('Stateless Widget Scaffold'),
),
+ body: Center(
+ child: FlatButton(
+ child: Text("Show snackbar"),
+ onPressed: _showSnackbar,
+ ),
+ ),
);
}
}
We can use GlobalKey to access ScaffoldState, so let's create one
📄 lib/main.dart
}
class HomePage extends StatelessWidget {
+ final scaffoldKey = new GlobalKey();
+
@override
Widget build(BuildContext context) {
return Scaffold(
pass it to Scaffold
📄 lib/main.dart
@override
Widget build(BuildContext context) {
return Scaffold(
+ key: scaffoldKey,
appBar: AppBar(
title: Text('Stateless Widget Scaffold'),
),
and implement method _showSnackbar
📄 lib/main.dart
class HomePage extends StatelessWidget {
final scaffoldKey = new GlobalKey();
+ _showSnackbar() {
+ (scaffoldKey.currentState as ScaffoldState).showSnackBar(
+ SnackBar(
+ content: Text("I'm snackbar!"),
+ ),
+ );
+ }
+
@override
Widget build(BuildContext context) {
return Scaffold(
That's it! 🎉
Built with
Top comments (0)