How to pass 'context' to another widget outside buildContext widget

Question

I have this code

 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('All users'), ), body: StreamBuilder<List<User>>( stream: readUsers(), builder: (context, snapshot) { if (snapshot.hasError) { return const Text('error fetching data'); } else if (snapshot.hasData) { if (snapshot.data!.isEmpty) { // return const Text('no data to fect'); return Container( padding: const EdgeInsets.all(10.0), child: const Text('no data'), ); } else { final users = snapshot.data!; return ListView( children: users.map(buildUser).toList(), ); } } else { return const Center(child: CircularProgressIndicator()); } }, ), }

Then at this point

 return ListView( children: users.map(buildUser).toList(), );

I want to return data from another widget outside buildContext widget but the issue here is that I don't know how to pass the 'context' in the users.map(buildUser).toList() unorder to eliminate the error in the image below.

Where does 'buildUser' method locate? If you want to use helper method way, just pass the BuildContext as parameter of 'buildUser' method. — KuKu
– KuKu, Commented Aug 14, 2022 at 4:16
tried already but reported error at users.map(buildUser).toList(), — Upos Tyni
– Upos Tyni, Commented Aug 14, 2022 at 11:16

Munsif Ali · Accepted Answer · 2022-09-17 17:07:10Z

4

Create a class like bellow

import 'package:flutter/material.dart'; class GlobalContextService { static GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>(); }

now assign this key to the MaterialApp in main.dart just like bellow

return MaterialApp( navigatorKey: GlobalContextService.navigatorKey, // set property );

Now you can access the context any where you want by using the following line of code

GlobalContextService.navigatorKey.currentContext

edited Sep 17, 2022 at 17:07

answered Aug 14, 2022 at 4:27

Munsif Ali

7,9077 gold badges34 silver badges66 bronze badges

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

6 Comments

Upos Tyni Over a year ago

not understood, elaborate please

Munsif Ali Over a year ago

its the method if you want to get context anywhere in the app without passing it

Upos Tyni Over a year ago

can you give me sample with main.dart

Upos Tyni Over a year ago

from your code the class GlobalContextService is not called anywhere in your code

Munsif Ali Over a year ago

oh check it now

|

AHMAD_AR · Accepted Answer · 2022-08-14 08:44:39Z

0

try this: Widget buildUser(User user, BuildContext context) =>

answered Aug 14, 2022 at 8:44

AHMAD_AR

1542 silver badges8 bronze badges

8 Comments

Upos Tyni Over a year ago

doing that I got this error The argument type 'List<dynamic>' can't be assigned to the parameter type 'List<Widget>'

Upos Tyni Over a year ago

I got the error here users.map(buildUser).toList(),

AHMAD_AR Over a year ago

using code such like this Widget testWidget(String x, BuildContext context) => Container( width: 100, height: 100, color: Colors.red, child: GestureDetector( onTap: () { Navigator.of(context).pushNamed(CreateMatchPage.routeName); }, ), ); works fine for me i used testWidget inside my widget tree and passed the context to it and it works well without any problem you can provide us with more code examples to help you

Upos Tyni Over a year ago

did you try calling the function like this: users.map(buildUser).toList(),

Upos Tyni Over a year ago

How do I create a widget for this ** users.map(buildMember).toList()**

|

Dipak Prajapati · Accepted Answer · 2022-08-14 04:07:57Z

Recommended approach ->User helper widget instead of helper method.

or you can pass context as parameter to method

Collectives™ on Stack Overflow

How to pass 'context' to another widget outside buildContext widget

3 Answers 3

6 Comments

8 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

8 Comments

Comments

Related