How can i check NavigationPane is open in PaneDisplayMode.compact ?

[thitlwincoder]

I want to use multiple crossAxisCount in GridView like below. How can i check ?

GridView.builder(
      shrinkWrap: true,
      itemCount: 10,
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: isOpen ? 3 : 4,
      ),
      itemBuilder: (context, index) {
        return itemUI(index);
      },
)

[h3x4d3c1m4l]

Hi! I checked the API. Using a GlobalKey<NavigationViewState> one can know whether the minimal pane is open, but that won't help you with the compact pane. As of now there seems to be no way of getting this.

Maybe you could change the crossAxisCount based on the space you have available by wrapping your widget with a LayoutBuilder?

[bdlukaa]

@h3x4d3c1m4l Indeed, there is no current api in NavigationViewState to account for that. As a workaround, you can try to do the following in the children of NavigationView:

final isOpen = PageStorage.of(context).readState(
          context,
          identifier: 'compactOverlayOpen',
        ) as bool?

[thitlwincoder]

@bdlukaa Yes. it really work, but NavigationPaneItems kept refreshing, how can I make keep alive.