NavigationRail example in flutter

<p>Here is an example of Navigation rail in flutter,</p> <p>![](../../../Uploads/6804111c-7068-444a-9f40-67af0554d0bf.jpgwidth="50%height="auto](</p> <p>Here is the full code from main.dart file.</p> <p id="4ec9b0;](MyApp());" color:="" color:=>color: #9cdcfe;](args) </p> <p id="9cdcfe;](key" color:= color:="" color:=>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ) : color: #569cd6;](super(color: #9cdcfe;](key: color: #9cdcfe;](key); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #569cd6;](const color: #4ec9b0;](MaterialApp( color: #9cdcfe;](home: color: #4ec9b0;](Scaffold( color: #9cdcfe;](body: color: #4ec9b0;](MyNavigationRail(), ), ); } }</p> <p id="9cdcfe;](key" color:= color:="" color:="">color: #569cd6;](class color: #4ec9b0;](MyNavigationRail color: #569cd6;](extends color: #4ec9b0;](StatefulWidget ) : color: #569cd6;](super(color: #9cdcfe;](key: color: #9cdcfe;](key); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](State color: #dcdcaa;](createState() => color: #4ec9b0;](_MyNavigationRailState(); }</p> <p>color: #569cd6;](class color: #4ec9b0;](_MyNavigationRailState color: #569cd6;](extends color: #4ec9b0;](State { color: #569cd6;](var color: #9cdcfe;](_selectedIndex = color: #b5cea8;](0; color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](Row( color: #9cdcfe;](children: [ color: #4ec9b0;](NavigationRail( color: #9cdcfe;](destinations: color: #569cd6;](const [ color: #4ec9b0;](NavigationRailDestination( color: #9cdcfe;](icon: color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](home), color: #9cdcfe;](label: color: #4ec9b0;](Text(color: #ce9178;]('Home')), color: #4ec9b0;](NavigationRailDestination( color: #9cdcfe;](icon: color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](school), color: #9cdcfe;](label: color: #4ec9b0;](Text(color: #ce9178;]('School')), color: #4ec9b0;](NavigationRailDestination( color: #9cdcfe;](icon: color: #4ec9b0;](Icon(color: #4ec9b0;](Icons.color: #9cdcfe;](book), color: #9cdcfe;](label: color: #4ec9b0;](Text(color: #ce9178;]('Books')) ], color: #9cdcfe;](selectedIndex: color: #9cdcfe;](_selectedIndex, color: #9cdcfe;](onDestinationSelected: (color: #9cdcfe;](value) { color: #dcdcaa;](setState(() { color: #9cdcfe;](_selectedIndex = color: #9cdcfe;](value; }); }, ), color: #4ec9b0;](Expanded(color: #9cdcfe;](child: color: #4ec9b0;](Center(color: #9cdcfe;](child: color: #4ec9b0;](Text(color: #ce9178;]('Selected Index: $color: #9cdcfe;](_selectedIndex color: #ce9178;]('))) ], ); } } ` Thanks,Srikanth</p>