Skip to content

App Bar

The PrimeAppBar is used to display the title, leading widget (e.g. back button), actions, and bottom widgets (e.g. TabBar).

A simple app bar with a title and a leading icon.

PrimeAppBar(
title: Text('Basic AppBar'),
leading: Icon(PrimeIcons.viamFlutter),
)

You can add action buttons to the right side of the app bar.

PrimeAppBar(
title: Text('With Actions'),
leading: Icon(PrimeIcons.viamFlutter),
actions: [
Icon(PrimeIcons.viamFlutter),
Icon(PrimeIcons.viamFlutter),
],
)

You can display a widget at the bottom of the app bar, such as a TabBar.

PrimeAppBar(
title: Text('With Bottom'),
leading: Icon(PrimeIcons.menu),
bottom: TabBar(
selectedIndex: 0,
onDestinationSelected: (_) {},
items: [
Text('Tab 1'),
Text('Tab 2'),
Text('Tab 3'),
],
),
)