how to implement camera bottom navigation bar like whatsapp

Question

how to implement camera tab in bottom navigation bar like Whatsapp :

The main challenge here is to hide the bottom navigation bar and app bar and show them again, along with the ability to touch and move the view page.

Solution

For this use, case use the PageView Widget.

Ref: https://medium.com/flutter-community/flutter-pageview-widget-e0f6c8092636

This should be like this below

PageView(
 controller: _controller,
 scrollDirection: Axis.vertical,
 children: [
   CamerWidget(),
   HomeScreenWidget(),
   MyPage3Widget(),
 ],
)

Comments

[Arul]

Add some code samples that you tried.

[Huseyn]

Hi, the main challenge here is to hide the bottom navigation bar and app bar and show them again, along with the ability to touch and move the view page.

[Arul]

Try to Put the bottom nav bar inside the HomeScreenWidget