Search packages, repositories and app categories

GitHub repositoryretroportalstudio/folding_menu

folding_menu

A fancy easy to use Folding Menu for Flutter Applications

folding_menu project cover
Stars
11
Forks
2
Last push (UTC)
Jun 6, 2021
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

Folding Menu

This is an easy to use package for adding Folding Menu to your Flutter Applications

Demo

Usage

To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases):

      body: Stack(
        children: [
          Container(
            color: Colors.deepOrange,
            child: Center(child: Text("Other Screen Content",style: TextStyle(color: Colors.white,fontSize: 20),)),),
          // Add FoldingMenu as the Last Child to Stack
          FoldingMenu(duration: Duration(milliseconds: 900), shadowColor: Colors.black26, animationCurve: Curves.decelerate, folded: openMenu, children: [
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 1",
                        )));
              },
              title: Text("Home Dance"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 2",
                        )));
              },
              title: Text("Home Dance 2"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 3",
                        )));
              },
              title: Text("Home Dance 3"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 4",
                        )));
              },
              title: Text("Home Dance 4"),
              tileColor: Colors.white,
            ),
          ]),
        ],
      ),

Roadmap

Plans to add more customizations.

License

MIT

Paras Jain GitHub avatar
GitHub author

Paras Jain ↗

Mobile Application and Web Developer | @youtube Content Creator | Worship ReactJs | Flutter | Java | Dart | If anybody's gonna save us... it's us

RetroPortal StudioIndiaOfficial website ↗
LanguagesDartSwiftJavaObjective-C

Packages published by this repository

Dependencies used

Dependency list 2 items

  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗