sliding-drawer

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #golang #machine-learning #linux #docker #macos #java #vue #security #openai #ios

(★ 11)

No description available.

sliding-drawer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://vshymanskyy.github.io/StandWithUkraine)

[![pub package](https://img.shields.io/pub/v/flutter_sliding_drawer.svg)](https://pub.dev/packages/flutter_sliding_drawer)

If you want to add a beautiful sliding animation menu to your application in an easy way, you can use this package.
All you need is to pass your content and drawer widgets to the SlidingDrawer.

# How to use

To use the SlidingDrawer pass build functions `drawerBuilder` and `contentBuilder` that return drawer
and content widgets correspondingly.\
You can set drawer width, animation duration and curve by using `settings` argument.\
Set `ignorePointer` to true if you need to disable opening/closing drawer by dragging.\
To respond to opening/closing drawer, API provide listener `onAnimationStatusChanged`.\
Supports left and right drawer position.

# Example

```dart
class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

@override
  State<StatefulWidget> createState() {
    return _MyHomePageState();
  }
}

class _MyHomePageState extends State<MyHomePage> {
  // Optional. Provide Key<SlidingDrawerState> if you want
  // to open/close the drawer in response to some action
  final slidingDrawerKey = GlobalKey<SlidingDrawerState>();

@override
  Widget build(BuildContext context) {
    return SlidingDrawer(
      key: slidingDrawerKey,
      // Build content widget
      contentBuilder: (context) {
        return Scaffold(
          appBar: AppBar(
            automaticallyImplyLeading: false,
            leading: IconButton(
              icon: const Icon(
                Icons.menu_rounded,
              ),
              onPressed: () {
                // Open drawer
                slidingDrawerKey.open();
              },
            ),
            title: const Text('Home page'),
          ),
          body: const MyHomePageBodyWidget(),
        );
      },
      // Build drawer widget
      drawerBuilder: (context) {
        return MyDrawerWidget(
            onItemPress: () {
              // Close drawer
              slidingDrawerKey.close();
            }
        );
      },
    );
  }
}
```

sliding-drawer

sliding-drawer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

sliding-drawer

sliding-drawer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README