How to create a class(page) from a string in Navigator

Question

I want to redirect the user to the desired page depending on the "navigation" key, I tried in such ways:

final _bottomAppBarItem = [
{
  'iconData': Icons.airplay,
  'text': 'news',
  'navigation': NewsPage(),
},
{
  'iconData': Icons.person,
  'text': 'profile',
  'navigation': UserProfilePage(),
}];

Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => item['navigation']));

OR

final _bottomAppBarItem = [
{
  'iconData': Icons.airplay,
  'text': 'news',
  'navigation': 'NewsPage',
},
{
  'iconData': Icons.person,
  'text': 'profile',
  'navigation': 'UserProfilePage',
}];

Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => item['navigation']()));

But in both cases it turns out a mistake, how can I live with it?

score 0 · Accepted Answer · answered Dec 25 '19 at 20:54

0

You can use named routing as decribed in here. You can parameterize your route with custom strings.

A simple use case of named route:

onPressed: () {
  // Navigate to the second screen using a named route.
  Navigator.pushNamed(context, '/second');
}

Another solution, which is overhead for this situation, is to use mirrors.

answered Dec 25 '19 at 20:54

easeccy

4,248
1
21
37

Hi, thank you for your answer, I think this is really the best option. My way the first option turns out to work, but for its normal operation you need to add 'import' for each page – Глеб Шалайкин Dec 26 '19 at 00:27
Do you mean that you have to import material library to every page? – easeccy Dec 26 '19 at 08:04

How to create a class(page) from a string in Navigator

1 Answers1