# Bottom App Bar with Menu and Swipeable Tabs in Flutter

DevFeed: [Bottom App Bar with Menu and Swipeable Tabs in Flutter](<https://devfeed.tech/articles/bottom-app-bar-with-menu-and-swipeable-tabs-in-flutter-25540.md>)

Original publisher: [Read original article](<https://www.marcogomiero.com/posts/2019/bottom-bar-swipe-flutter/>)

Author: Marco Gomiero

Published: 2019-03-20T00:00:00Z

Content type: tutorial

Language: en

Sources: [Posts on Marco Gomiero](<https://devfeed.tech/sources/posts-on-marco-gomiero.md>)

Topics: [Flutter](<https://devfeed.tech/topics/flutter.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [bottomsheet](<https://devfeed.tech/tags/bottomsheet.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [widget](<https://devfeed.tech/tags/widget.md>)

## AI overview

A tutorial explaining how to combine Flutter's BottomAppBar, BottomSheet, and TabBarView to create a bottom app bar with a menu and swipeable tabs. It covers the widget structure, tab control, menu navigation, and bottom-sheet implementation.

## Source excerpt

The recent revamp of the Material Design has introduced new beautiful items, for example, the Bottom App Bar. Image from Material Design Guidelines With Flutter is super easy to implement like shown in the official documentation. However, for me, the tricky part is to combine it with swipeable tabs so, in this article, I'll explain all the steps that I've followed to obtain it. Here's a spoiler of the final result: