Version 1.6.0 - MacosTabView & MacosSegmentedControl

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.6.0]
+* New widgets: `MacosTabView` and `MacosTabView`
+* BREAKING CHANGE: `Label.yAxis` has been renamed to `Label.crossAxisAlignment`
+* BREAKING CHANGE: `TooltipTheme` and `TooltipThemeData` have been renamed to `MacosTooltipTheme` and 
+`MacosTooltipThemeData`
+
 ## [1.5.1]
 * Correct the placement of the leading widget in disclosure sidebar items [#268](https://github.com/GroovinChip/macos_ui/issues/268)
 * Improve the sizing of the disclosure item indicator

README.md

@@ -35,6 +35,7 @@ Guides, codelabs, and other documentation can be found at https://macosui.dev
   - [Modern Window Look](#modern-window-look)
   - [ToolBar](#toolbar)
   - [MacosListTile](#MacosListTile)
+  - [MacosTabView](#MacosTabView)
 </details>
 
 <details>
@@ -55,6 +56,7 @@ Guides, codelabs, and other documentation can be found at https://macosui.dev
   - [PopupButton](#popupbutton)
   - [PushButton](#pushbutton)
   - [MacosSwitch](#macosswitch)
+  - [MacosSegmentedControl](#macossegmentedcontrol)
 </details>
 
 <details>
@@ -354,7 +356,49 @@ MacosListTile(
 ),
 ```
 
+## MacosTabView
+A multipage interface that displays one page at a time. Must be used in a `StatefulWidget`.
 
+<img src="https://imgur.com/Mdn7Li2.png"/>
+
+You can control the placement of the tabs using the `position` property.
+
+Usage:
+```dart
+final _controller = MacosTabController(
+  initialIndex: 0,
+  length: 3,
+);
+
+...
+
+MacosTabView(
+  controller: _controller,
+  tabs: const [
+    MacosTab(
+      label: 'Tab 1',
+    ),
+    MacosTab(
+      label: 'Tab 2',
+    ),
+    MacosTab(
+      label: 'Tab 3',
+    ),
+  ],
+  children: const [
+    Center(
+      child: Text('Tab 1'),
+    ),
+    Center(
+      child: Text('Tab 2'),
+    ),
+    Center(
+      child: Text('Tab 3'),
+    ),
+  ],
+),        
+
+```
 
 # Icons
 
@@ -584,6 +628,16 @@ MacosSwitch(
 ),
 ```
 
+## MacosSegmentedControl
+
+Displays one or more navigational tabs in a single horizontal group. Used by `MacosTabView` to navigate between the 
+different tabs of the tab bar.
+
+<img src="https://imgur.com/Igvms1w.jpg"/>
+
+The typical usage of this widget is by `MacosTabView`, to control the navigation of its children. You do not need to 
+specify a `MacosSegmentedControl` with your `MacosTabView`, as it is built by that widget.
+
 # Dialogs and Sheets
 
 ## MacosAlertDialog

example/lib/main.dart

@@ -4,6 +4,7 @@ import 'package:example/pages/dialogs_page.dart';
 import 'package:example/pages/fields_page.dart';
 import 'package:example/pages/indicators_page.dart';
 import 'package:example/pages/selectors_page.dart';
+import 'package:example/pages/tabview_page.dart';
 import 'package:example/pages/toolbar_page.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:macos_ui/macos_ui.dart';
@@ -68,6 +69,7 @@ class _WidgetGalleryState extends State<WidgetGallery> {
     const DialogsPage(),
     const ToolbarPage(),
     const SelectorsPage(),
+    const TabViewPage(),
   ];
 
   @override
@@ -213,6 +215,10 @@ class _WidgetGalleryState extends State<WidgetGallery> {
                   leading: MacosIcon(CupertinoIcons.calendar),
                   label: Text('Selectors'),
                 ),
+                SidebarItem(
+                  leading: MacosIcon(CupertinoIcons.table_fill),
+                  label: Text('TabView'),
+                ),
               ],
             );
           },