How to setup the navigation rail to slide in from the side?

[taranlu-houzz]

Using the navigation bar example, I am able to animate it to slide in and out. The issue is that the rest of the content does not also shift along with it. I was wondering if there is a better way to setup the page using layout containers so that I can achieve this?

    page.add(
        Row(
            [
                navigation_rail,
                # VerticalDivider(width=1),
                Column(
                    [
                        Text("Body!"),
                        Text("Boop!"),
                    ],
                    alignment="start",
                    expand=True,
                ),
            ],
            expand=True,
        )
    )

If not, the two solutions that I can think of are as follows:

• Animate the entire Row container so that just the NavigationRail is hidden:
  • How would you properly calculate the offset in this case (since it all seems to be relative based on the control)?
  • Is it possible to generate an transform.Offset() object directly from a Control so that it could be passed to the offset attribute for the Row container?
• Use a Stack layout to have the NavigationRail pop-over instead of sliding. This will work (I think), but I would still like to know how to get it to slide in.

Any help would be much appreciated. Thanks!