Help with navigation

[harilet]

How do I set default to expand in compact?

And prevent auto collapsing?

[jonahzheng]

    final appTheme = context.watch<AppTheme>();
    appTheme.displayMode = PaneDisplayMode.compact;

[harilet]

Is there AppTheme inside fluent_ui or do I have to implement??

[jonahzheng]

https://github.com/bdlukaa/fluent_ui/blob/master/example/lib/theme.dart

or set
NavigationPane(
displayMode: PaneDisplayMode.compact
)

[harilet]

That is what I did, but the navigation does not keep expanded to always collapsed

Clicked it expanded

Go to another view automatically collapsed back

[bdlukaa]

It's the default platform behavior. When in compact mode, the user can press the button to open it. If the screen is too small, it's still opened as an overlay. You can see this behavior on multiple native windows apps, and on XAML Gallery, in which this library is based on.

To disable the button, use the menuButton property in NavigationPane:

NavigationPane(
  ...,
  menuButton: const SizedBox.shrink(),
  ...,
);

[harilet]

Ok thanks, I got it