It won't desapear when opening new page

[lucasagazzani]

Hi,

so I am finding an issue in which when preasing navigation from the home page the bottom navigation bar won't desapare and I can't figure out why.

My code:

import` 'package:flutter/material.dart';
import 'package:google_nav_bar/google_nav_bar.dart';
import 'package:hopeapp/screens/give_page.dart';
import 'package:hopeapp/screens/home_screen.dart';
import 'package:hopeapp/screens/morepage.dart';
import 'package:flutter/services.dart';

void main() => runApp(
      new MaterialApp(
        darkTheme: ThemeData.light(),
        home: MyApp(),
      ),
    );

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return MyAppState();
  }
}

class MyAppState extends State<MyApp> {
  int _selectedPage = 0;
  final _pageOptions = [
    HomeScreenTabBar(),
    GivePage(),
    MorePage(),
  ];

  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.grey[900],
      statusBarIconBrightness: Brightness.light, // not working
      statusBarBrightness: Brightness.dark,
      // works
    ));
    return MaterialApp(
      title: 'Hope and Anchor App',
      theme: ThemeData(
        primarySwatch: Colors.yellow,
        primaryColor: Colors.yellow,
        brightness: Brightness.dark,
        accentColor: Colors.yellow,
      ),
      home: Scaffold(
        body: Center(
          child: _pageOptions.elementAt(_selectedPage),
        ),
        bottomNavigationBar: Container(
          decoration: BoxDecoration(color: Colors.grey[900], boxShadow: [
            BoxShadow(blurRadius: 20, color: Colors.black.withOpacity(0.0))
          ]),
          child: SafeArea(
            child: Padding(
              padding:
                  const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10),
              child: GNav(
                  gap: 1,
                  activeColor: Colors.yellow,
                  iconSize: 24,
                  padding: EdgeInsets.symmetric(horizontal: 10, vertical: 8),
                  duration: Duration(milliseconds: 800),
                  tabBackgroundColor: Colors.black,
                  tabs: [
                    GButton(
                      icon: Icons.video_library,
                      iconColor: Colors.grey[500],
                      text: 'Home',
                    ),
                    GButton(
                      icon: Icons.favorite_border,
                      iconColor: Colors.grey[500],
                      text: 'Give',
                    ),
                    GButton(
                      icon: Icons.menu_rounded,
                      iconColor: Colors.grey[500],
                      text: 'More',
                    ),
                  ],
                  selectedIndex: _selectedPage,
                  onTabChange: (int index) {
                    setState(() {
                      _selectedPage = index;
                    });
                  }),
            ),
          ),
        ),
        backgroundColor: Colors.grey[900],
      ),
    );
  }
}

[sooxt98]

@lucasagazzani could you provide a video?

[lucasagazzani]

https://linksharing.samsungcloud.com/u7DcZPRmm9G7

[sooxt98]

@lucasagazzani this might be the nesting issue with your router, you need to use parent scaffold context to call Navigator.push

[lucasagazzani]

This is how I have been calling them:
onTap: () { Navigator.push( context, MaterialPageRoute( builder: (BuildContext context) => LiveTab()), ); },

[sooxt98]

The problem here is you use two MaterialApp in your code, you need to remove one;

So change ur main to this

void main() => runApp(MyApp());

Then move your darkTheme: ThemeData.light() into the bottom MaterialApp

[lucasagazzani]

I am sorry man but that hasn't fixed the issue

[sooxt98]

@lucasagazzani did u removed all MaterialApp widget? U could only use one MaterialApp in a whole flutter project; and also try to remove Navigator widget if any

[lucasagazzani]

I have removed all material app theme and replaced it how you asked me

[lucasagazzani]

I can't remove the MaterialApp in this case because the scaffold needs it

[sooxt98]

Scaffold won't be a problem when everything is wrap under one big MaterialApp widget during runApp

[lucasagazzani]

ok, I thought you might be asking to remove it. Any other thought on what it could be?

[sooxt98]

@lucasagazzani the only reason that u get this issue is because you use more than one MaterialApp widget in your single project

[lucasagazzani]

Ok, I found the page that had the extra MaterialApp now this issue is solved but do you know by any chance why themedata is not trasnfering to this page? Thank you for your help.

[sooxt98]

There's a problem with your createState function, try to look at flutters official example

…

On Fri, Mar 12, 2021 at 8:16 PM lucasagazzani ***@***.***> wrote: Ok, I found the page that had the extra MaterialApp now this issue is solved but do you know by any chance why themedata is not trasnfering to this page? Thank you for your help. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADGCEC2XHGJS3DXO6GOXC4LTDIAZ7ANCNFSM4Y56WW2A> .