title: I want to navigate with bottom navigation bar
body: <p>I have flutter app and in my app I have to show bottom navigatiobar for every page</p>
  <p>I am confuse that should I can navigate with with bottom navigation bar or I have to add bottom navigation bar for every page</p>
  <p>If I use Navigation I have to use scaffold as parent of all widget so is it any way to navigate with scaffold.</p>
  <p>Here is my code:-</p>
  <pre><code>
  class WorkerHomeScreen extends StatelessWidget {
    WorkerHomeScreen({Key? key}) : super(key: key);
    int _selectedPageIndex = 0;
  
    List&lt;Map&lt;String, dynamic&gt;&gt; get _pages {
      return [
        {&quot;page&quot;: SignInScreen(), &quot;name&quot;: &quot;PROPERTY&quot;, &quot;action&quot;: null},
        {
          &quot;page&quot;: ChoseRoleScreen(),
          &quot;name&quot;: &quot;CHAT&quot;,
          &quot;action&quot;: [&quot;Search&quot;]
        },
        {&quot;page&quot;: LandingPage(), &quot;name&quot;: &quot;VIDEO&quot;, &quot;action&quot;: null},
        {&quot;page&quot;: EmployerSignUpScreen(), &quot;name&quot;: &quot;PROFILE&quot;, &quot;action&quot;: null}
      ];
    }
  
    void _selectPage(int index) {
      _selectedPageIndex = index;
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          automaticallyImplyLeading: false,
        ),
        body: _pages[_selectedPageIndex][&quot;page&quot;],
        bottomNavigationBar: BottomNavigationBar(
          type: BottomNavigationBarType.fixed,
          onTap: _selectPage,
          currentIndex: _selectedPageIndex,
          items: [
            BottomNavigationBarItem(
              icon: Icon(workerNavigationLists[0].icon),
              label: &quot;Property&quot;,
              activeIcon: Icon(workerNavigationLists[0].icon),
            ),
            BottomNavigationBarItem(
              icon: Icon(workerNavigationLists[1].icon),
              label: &quot;Chat&quot;,
              activeIcon: Icon(workerNavigationLists[0].icon),
            ),
            BottomNavigationBarItem(
              icon: Icon(workerNavigationLists[0].icon),
              label: &quot;Video&quot;,
            ),
            BottomNavigationBarItem(
              icon: Icon(workerNavigationLists[0].icon),
              label: &quot;Profile&quot;,
              activeIcon: Icon(workerNavigationLists[0].icon),
            ),
          ],
        ),
      );
    }
  }
  
  </code></pre>
  <p>Here is my screen:-</p>
  <pre><code>class SignInMobile extends StatelessWidget {
    SignInMobile({Key? key}) : super(key: key);
    final SignInController signInController = Get.find();
    @override
    Widget build(BuildContext context) {
      return Container(
        child: Center(
          child: RaisedButton(
            onPressed: () {
               /// I want to navigate to other page but I want navigation bar in other page also
                 
               },
            child: Text(&quot;TAP TO NAVIGATE&quot;),
          ),
        ),
      );
    }
  }
  
  </code></pre>