make collapsible

wealth-wave · Dec 31, 2023 · 68aadc5 · 68aadc5
1 parent ef26e8e
commit 68aadc5
Showing 1 changed file with 23 additions and 14 deletions.
diff --git a/lib/ui/pages/main_page.dart b/lib/ui/pages/main_page.dart
@@ -14,6 +14,7 @@ class MainPage extends StatefulWidget {
 
 class _MainPageState extends State<MainPage> {
   var _selectedIndex = 0;
+  var _isExtended = true;
 
   @override
   Widget build(BuildContext context) {
@@ -25,23 +26,31 @@ class _MainPageState extends State<MainPage> {
         body: SafeArea(
           child: Row(
             children: [
-              NavigationRail(
-                  extended: true,
-                  onDestinationSelected: (value) {
+              GestureDetector(
+                  onTap: () {
                     setState(() {
-                      _selectedIndex = value;
+                      _isExtended = !_isExtended;
                     });
                   },
-                  destinations: const [
-                    NavigationRailDestination(
-                        icon: Icon(Icons.bookmark), label: Text('Goals')),
-                    NavigationRailDestination(
-                        icon: Icon(Icons.monetization_on),
-                        label: Text('Investment')),
-                    NavigationRailDestination(
-                        icon: Icon(Icons.local_offer), label: Text('Baskets')),
-                  ],
-                  selectedIndex: _selectedIndex),
+                  child: NavigationRail(
+                      extended: _isExtended,
+                      onDestinationSelected: (value) {
+                        setState(() {
+                          _selectedIndex = value;
+                        });
+                      },
+                      destinations: const [
+                        NavigationRailDestination(
+                            icon: Icon(Icons.bookmark), label: Text('Goals')),
+                        NavigationRailDestination(
+                            icon: Icon(Icons.monetization_on),
+                            label: Text('Investment')),
+                        NavigationRailDestination(
+                            icon: Icon(Icons.local_offer),
+                            label: Text('Baskets')),
+                      ],
+                      selectedIndex: _selectedIndex)
+                      ),
               const VerticalDivider(thickness: 1, width: 1),
               Expanded(
                 child: Builder(