DEV Community

Stanislav Ilin
Stanislav Ilin

Posted on

Flutter multiplatform navigation sidebar / drawer widget

SidebarX - package to create beautiful and convenient sidebar navigation widgets easy 🔥

Mobile Desktop Web
Mobile Web Desktop

The package is designed with maximum adaptation to large screens.
Therefore, adding a widget to your screen will be very simple.

Scaffold(
  body: Row(
    children: [
      SidebarX(
        controller: SidebarXController(selectedIndex: 0),
        items: const [
          SidebarXItem(icon: Icons.home, label: 'Home'),
          SidebarXItem(icon: Icons.search, label: 'Search'),
        ],
      ),
      // Your app screen body
    ],
  ),
)
Enter fullscreen mode Exit fullscreen mode

Customization

Package have huge customization fields list and by default can adjust to the theme of your application.

For example - you can change colors, textStyles, add your custom builders for sidebar items and all what you need.

😎 Go to the GitHub repository page!
🥵 Here you can see beautiful examples of usage and code snippets.

Show some ❤️ and star the repo to support the project!

Top comments (14)

Collapse
 
maylau profile image
May Lau

That the sidebar I keep looking for! It's really nice design and animation!

Just curious is it possible to add some items from bottom to top? It's because i sometimes receive design for web or desktop required me to have some items on top and then some items like logout or about us or version on the bottom.

Collapse
 
frezyx profile image
Stanislav Ilin

Hello @maylau !
Thank you for comment.
Yes you can do it with builders:

headerBuilder,
footerBuilder,
separatorBuilder,
toggleButtonBuilder,

Collapse
 
polterguy profile image
Thomas Hansen

You've got some pretty nice Flutter widgets. Do you have a full repository list somewhere ...? :)

Collapse
 
frezyx profile image
Stanislav Ilin

It's interesting idea. I think I will do it in the near future

Collapse
 
polterguy profile image
Thomas Hansen

I'm not sure if you've seen our product, but we basically allow people to "generate" an app, from backend to an Angular frontend. In the near future (3/4 months from now), we might want to create additional output results, such as React, C# service layer, Flutter data grids, etc.

At that point I'd love to examine your components, and if they fit the purpose maybe use them, obviously giving you credit - Maybe even pay you to help us out (if you're interested). I can't promise anything yet, but I've been following you for some time now, and I like what I see :)

Thread Thread
 
frezyx profile image
Stanislav Ilin

That's cool !
You always can connect me. My email placed at GitHub profile

Collapse
 
hr21don profile image
Helitha Rupasinghe

Great Work! 👍

Collapse
 
frezyx profile image
Stanislav Ilin

Thank you ❤️

Collapse
 
kartikgargg profile image
Kartik Garg

Good information.

Collapse
 
yongchanghe profile image
Yongchang He

Great work and you are so productive!

Collapse
 
frezyx profile image
Stanislav Ilin

Thank you

Collapse
 
frezyx profile image
Stanislav Ilin

Thanks )))

Collapse
 
youssefmic profile image
Youssef-mic

Thanks for supporting me ur content is amazing.

Collapse
 
frezyx profile image
Stanislav Ilin

That's nice to hear. I am very happy about it