marcinusx / drawer_challenge Goto Github PK

In a normal Drawer we would implement navigation along the lines of:
ListTile( leading: Icon(Icons.new_releases), title: Text('News'), onTap: () => Navigator.pushReplacementNamed(context, Routes.news), ),
Then in the NewsPage I would define a Scaffold with drawer: CustomDrawer.
But this obviously won't work. Could you please provide an example on how to properly do this?

The source code is only for the second example, or am I missing something?

I tried with combination transform and rotate and other with Elevation card as well.
something like this : https://dribbble.com/shots/4811613-3D-Product-Swipe
Nothing seems to be working.
Also, if you see closely, the center of rotation at the bottom is somwhow it does not show the 3d effect in the left but only opening of the door kind of effect.

Marcin can you please help ?

Can u make it working for right side as well to use it like end drawer. and it would be nice if you can make it available on pub.dev making it generalised so that it can be directly passed into the drawer argument of scaffold.

Thankyou

Hey!

First of all, thank you for the examples they are really neat, nice job!

But I have a question... How would you use this as an animation between pages?

I have a hard time to implement this, because whenever I change the page, I get an error:

════════ Exception caught by gesture ══════════════
The method ‘open’ was called on null.
Receiver: null
Tried calling: open()

pointing to this line:
CustomDrawer.of(context).open()

So..., how would you use the animation in between page changes?