Flutter: Cant' use widget.variable to access widget variable

Question

I can't use widget.message inside _MenuStatefulWidgetState, the error said The getter 'message' isn't defined for the class 'MenuStatefulWidget.

I think because I'm using a FutureBuilder, and trying to access widget.message inside builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) How can I resolve this?

class MenuStatefulWidget extends StatefulWidget {
  MenuStatefulWidget({Key key, String message}) : super(key: key);

  @override
  _MenuStatefulWidgetState createState() => _MenuStatefulWidgetState();
}

class _MenuStatefulWidgetState extends State<MenuStatefulWidget> {
  Widget build(BuildContext context) {

    String storeID =
        Provider.of<AppData>(context, listen: true).selectedStoreId;
    String storeMenuFilename = 'store_$storeID.json';

    Future _menuDataFuture = getFile(storeMenuFilename);

    return FutureBuilder<dynamic>(
      future: _menuDataFuture,
      builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
        List<Widget> children;

        if (snapshot.hasData) {
          children = [];

          var storeData = snapshot.data;

          Provider.of<AppData>(context, listen: false).setStoreData(storeData);

          var menu = storeData['menu'];
          var itemOption = storeData['option'];

          for (var category in menu) {
            (category as Map<String, dynamic>).forEach((key, value) {
              children.add(CategoryWidget(name: key));
              for (var course in value) {
                children.add(LineWidget(course, itemOption));
              }
            });
          }
        } else if (snapshot.hasError) {
          children = <Widget>[
            Icon(
              Icons.error_outline,
              color: Colors.red,
              size: 60,
            ),
          ];
        } else {
              if (widget.message != null){
                  children.add(
                    Container(
                      margin: topBottomMargin,
                      child: Text(widget.message,
                      ),
                    ),
                  );
              }

          children.add(
            Container(
              padding: EdgeInsets.fromLTRB(0, 20, 0, 0),
              child: Center(
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    CircularProgressIndicator(),
                  ],
                ),
              ),
            ));
        }


        return Center(
          child: ListView(
            children: children,
          ),
        );
      },
    );
  }
}

harpreet seera · Accepted Answer · 2020-04-26 05:51:53Z

4

You need to create a variable named message in your widget and then provide reference to it as follows:

class MenuStatefulWidget extends StatefulWidget {
  String message;

  MenuStatefulWidget({Key key, this.message}) : super(key: key);

  @override
  _MenuStatefulWidgetState createState() => _MenuStatefulWidgetState();
}

using the above code we declared the variable named "message" in MenuStatefulWidget and it will be assigned the value passed as a param to MenuStatefulWidget. Now you can get value of message using

widget.message

answered Apr 26, 2020 at 5:51

harpreet seera

1,8481 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Istiaque Ahmed Over a year ago

what is the advantage of using widget.message over 'this.message' ? Where is the use of widget.variable documented in flutter site ?

user1187968 · Accepted Answer · 2020-04-26 03:13:50Z

0

class MenuStatefulWidget extends StatefulWidget {
  String message;

  MenuStatefulWidget({Key key, String message}) : super(key: key);

  @override
  _MenuStatefulWidgetState createState() => _MenuStatefulWidgetState();
}

answered Apr 26, 2020 at 3:13

user1187968

8,14619 gold badges93 silver badges174 bronze badges

Collectives™ on Stack Overflow

Flutter: Cant' use widget.variable to access widget variable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related