Windows 11 style PaneDisplayMode

[tobiasht]

I really like the navigation UI seen in the new Windows 11 Store application. This is very similar to the compact display mode, with three minor adjustments, more spacing, space for labels, and does not expand.

Would you be interested in adding PaneDisplayMode.win11 as an additional display mode?

[bdlukaa]

I don't think adding a new display mode is a valid request. Natively, on XAML, we only have the ones we have in this package.

I think a better request would maybe be "Custom pane width"? The padding can be custom using
https://github.com/bdlukaa/fluent_ui/blob/master/lib/src/controls/navigation/navigation_view/style.dart#L83

[tobiasht]

Yeah, that sounds like a good solution. Didn´t know about the iconPadding parameter. Is there a way we could easily add a label to the PaneDisplayMode.Compact?

[bdlukaa]

Added an option to create custom panes:

class CustomNavigationPane extends NavigationPaneWidget {
  @override
  Widget build(BuildContext context, NavigationPaneWidgetData data) {
    return Row(children: [
      SizedBox(width: 400),
      Expanded(child: data.content),
    ]);
  }
}

And use it in your NavigationPane:

NavigationPane(
  ...
  customPane: CustomNavigationPane(),
)

You can create the panel as you wish,