Flutter, I get an error when using CupertinoTabScaffold

Question

CupertinoTabScaffold(
      tabBar: CupertinoTabBar(
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: '',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.favorite),
            label: '',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.shopping_cart),
            label: '',
          ),
        ],
      ),
      tabBuilder: (context, index) {
         switch (index) {
          case 0:
            return CupertinoTabView(builder: (context) {
              return const CupertinoPageScaffold(
                child: Categories(), );
            });
           case 1:
            return CupertinoTabView(builder: (context) {
              return const CupertinoPageScaffold(
                child: FavPage(), );
            }); 
            case 2:
            return CupertinoTabView(builder: (context) {
              return const CupertinoPageScaffold(
                child: Cart(), );
            }); 
            default:
            return CupertinoTabView(builder: (context) {
              return const CupertinoPageScaffold(
                child: Categories(), );
            });             
        }
      }, 
    );

error message:

Could not find a generator for route RouteSettings("/categoryDetails", GzE5usW4fApu38pjA) in the_CupertinoTabViewState.

when I click on a category in the "Categories" screen it has to navigate to "CategoryDetails" screen

did you define this "/categoryDetails" route in MaterialApp's routes list? — eamirho3ein, Aug 01 '22 at 19:11
`return MaterialApp( title: 'Flutter Demo', initialRoute: '/', routes: { '/': (context) => const SplashScreen(), '/categories': (context) => const CustomBottomNB(), '/categoryDetails' :(context) => const CategoryDetails(), '/productdetail': (context) => const Product(), }, );` — Ayz, Aug 01 '22 at 19:46
when I am in "categories" screen, I can navigate to "categoryDetails". — Ayz, Aug 02 '22 at 13:41
instead of navigate with push name try this: Navigator.push(context, new MaterialPageRoute( builder: (context) => new CategoryDetails()) ); — eamirho3ein, Aug 02 '22 at 15:17
No dear, I have to use pushNamed because I need to pass the argument (id of category) in the navigation. — Ayz, Aug 06 '22 at 14:37

score 0 · Answer 1 · answered Aug 01 '22 at 23:47

This should fix it

CupertinoTabScaffold(
      tabBar: CupertinoTabBar(
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: '',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.favorite),
            label: '',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.shopping_cart),
            label: '',
          ),
        ],
      ),
      tabBuilder: (BuildContext context, int index) {
        assert(index >= 0 && index <= 2);
         switch (index) {
          case 0:
            return CupertinoTabView(
              builder: (BuildContext context) => Categories(),,
            );
            break;
          
           case 1:
            return CupertinoTabView(
              builder: (BuildContext context) => FavPage(),
            );
            break;
          
            case 2:
            return CupertinoTabView(
              builder: (BuildContext context) => Cart(),
            );
            break;
          }
             return CupertinoTabView(
          builder: (BuildContext context) => Categories(),
        );             
        }
      }, 
    );

thank you for your effort, sorry same error. – Ayz Aug 02 '22 at 13:57 — Ayz, Aug 02 '22 at 13:57

score 0 · Answer 2 · answered Dec 03 '22 at 19:22

0

Use as routes or onGenererateRoutes according to your requirements in TabViewState of CuptinoTabBar.

Something like this...

return CupertinoTabView(
      routes: appRoutes,
//or
      onGenerateRoutes: ...,

answered Dec 03 '22 at 19:22

Mohammad Bilal Akbar

47
3

Flutter, I get an error when using CupertinoTabScaffold

2 Answers2