How to Pass Data to a Stateful Widget in Flutter?

· 2 min read
Pass Data to Stateful Widget In Flutter
Pass Data to Stateful Widget In Flutter

In current Mobile Application trends, the user may require to send data from One Screen to Other Screen which is of Stateful Widget.  In this article, we will learn about How to Pass Data to a Stateful Widget in Flutter?

How to Pass Data to a Stateful Widget in Flutter?

The best way is to don’t pass parameters to the State class using its constructor. You can easily access the State class using widget.myField.

Consider a code snippet like a below:

class ServerIpText extends StatefulWidget {
  final String serverIP;

  const ServerIpText ({ Key key, this.serverIP }): super(key: key);

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

class _ServerIpTextState extends State<ServerIpText> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.serverIP);
  }
}

class AnotherClass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ServerIpText(serverIP: "127.0.0.1")
    );
  }
}

For Example

class UserData extends StatefulWidget {
  final String clientName;
  final int clientID;
  const UserData(this.clientName,this.clientID);

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

class UserDataState extends State<UserData> {
  @override
  Widget build(BuildContext context) {
    // Here you direct access using widget
    return Text(widget.clientName); 
  }
}

Pass your data when you Navigate screen :

Navigator.of(context).push(MaterialPageRoute(builder: (context) => UserData("WonderClientName",132)));

Conclusion:

In this article, we have been through How to Pass Data to a Stateful??

Thanks for being with us a Flutter Journey !!!

Keep Learning!!

FlutterAgency.com is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget GuideFlutter ProjectsCode libs and etc.

FlutterAgency.com is one of the most popular online portal dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge on Flutter.

Leave a Reply