how to pass data to another screen using bloc in flutter

user_13133893 0
Viewed 6395

hello I am new in flutter and bloc, I imagine that I have 2 screens (login and home screen). In login screen I am using bloc that post data and I want to call that data in my home screen. Can someone give me example to do that?

bloc flutter
2 Answers

There are many ways to do that, I can name a few.

  1. You navigate to the new Widget (the screen) and pass to that Widget constructor the data you want it to have.

  2. You can use Provider to provide that data and wrap the new screen on it, then navigate to the new screen.

  3. If this is some data that should be accessed across the app, you could provide the entire BLoC to the entire App and get the BLoC's reference on this new screen and then get the data directly from the BLoC.

user_12271660

If you just want to pass a value to home page from login page, you can do like this:

class Home extends StatelessWidget {
  final String username;

  Home(this.username);

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

class Login extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButton(onPressed: () {
        Navigator.of(context).push(MaterialPageRoute(builder: (ctx) {
          return Home('flutter');
        }));
      }),
    );
  }
}
user_112155640
Related