Every time menu item is clicked, screen is loaded again. How to solve this?

[Arpit-Awasthi-dev]

No description provided.

[salkuadrat]

I'm sure it depends on the onTap implementation on your project.

In example project, you can do it by checking first if the type is changed or still the same, such as here.

By checking first using:

if(this.type != type)

It will make sure the content will only be reload when the type changed.

On normal application, we don't even need to use _appKey, since we don't have to refresh the application to see the theme changes. So we can set onTap by directly navigate to the intended page.

[Arpit-Awasthi-dev]

"It will make sure the content will only be reload when the type changed."
But I don't want to reload screen in any case, then how can we achieve this.

[salkuadrat]

Ok. First thing, this example needs reload because it needs to show many ways to use this drawer.

In normal application, we usually stick with one theme. So you don't need to copy the example as it is.
Mostly the menu item will click to navigate to other page, which you can do by calling Navigator.

[salkuadrat]

So, in normal application, the menu item will be like:

MenuItem('Basic', 
  icon: Icons.rss_feed,
  onTap: () => Navigator.push(context,
    MaterialPageRoute(builder: (context) => YourPage()),
  );
)

the _changeType function is only an example which is necessary in this example project to showcase many ways of using SlideDrawer (with background color, background gradient, etc.)

[salkuadrat]

And in normal application we don't need to set _appKey like in here.

So the app will simply be:

return MaterialApp(
  title: 'Slide Drawer Demo',
  theme: ThemeData(
    primarySwatch: Colors.blue,
    visualDensity: VisualDensity.adaptivePlatformDensity,
  ),
  home: _home,
);

In this example project, _appKey is necessary to force flutter to refresh application every time it needs to change the theme.