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 (15)

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 Author

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 Author

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 Author

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 Author

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 Author

Thank you

Collapse
youssefmic profile image
Youssef-mic

Thanks for supporting me ur content is amazing.

Collapse
frezyx profile image
Stanislav Ilin Author

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

Collapse
sijeypraveen profile image
Sijey Praveen • Edited on

bro it's awesome 😍

Collapse
frezyx profile image
Stanislav Ilin Author

Thanks )))

👀 Every week new members join DEV and share a bit about them in our Welcome Thread

Welcome them to DEV and share a bit about yourself.