TabView class

A tabbed interface for displaying multiple pages of content.

TabView provides a familiar tab-based navigation pattern, similar to browser tabs. Users can switch between tabs, and optionally rearrange, open, or close tabs.

{@tool snippet} This example shows a basic tab view:

TabView(
  currentIndex: selectedIndex,
  onChanged: (index) => setState(() => selectedIndex = index),
  tabs: [
    Tab(
      text: Text('Document 1'),
      body: Center(child: Text('Content 1')),
    ),
    Tab(
      text: Text('Document 2'),
      body: Center(child: Text('Content 2')),
    ),
  ],
  onNewPressed: () {
    // Add a new tab
  },
)

{@end-tool}

Keyboard shortcuts

When shortcutsEnabled is true, the following shortcuts are available:

• Ctrl + T - Create a new tab (if onNewPressed is provided)
• Ctrl + W or Ctrl + F4 - Close the current tab
• Ctrl + 1-8 - Navigate to tabs 1-8
• Ctrl + 9 - Navigate to the last tab

See also:

• NavigationView, for top-level app navigation
• Tab, the individual tab widget
• learn.microsoft.com/en-us/windows/apps/design/controls/tab-view