25 ods component navigation rail

NOTICE.txt

@@ -43,6 +43,7 @@ ods-flutter/app/assets/il_dialogs.png
 ods-flutter/app/assets/ic_profile.svg
 ods-flutter/app/assets/il_menu.png
 ods-flutter/app/assets/il_text-fields.png
+ods-flutter/app/assets/il_navigation_rail.png
 
 ods-flutter/app/assets/1.5x/il_about.png
 ods-flutter/app/assets/1.5x/il_switches.png

app/CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [Bug]: ODS - Components - Cards - Horizontal card - divider ([#271](https://github.com/Orange-OpenSource/ods-flutter/issues/271))
 - ODS - Component - Buttons: Segmented Buttons ([#7](https://github.com/Orange-OpenSource/ods-flutter/issues/7))
 - ODS - Component - Buttons: icon Buttons ([#6](https://github.com/Orange-OpenSource/ods-flutter/issues/6))
+- ODS - Component - Navigation Rail ([#25](https://github.com/Orange-OpenSource/ods-flutter/issues/25))
 
 ## Changed
 

app/lib/l10n/ods_flutter_en.arb

@@ -45,6 +45,8 @@
   "componentElementTypes": "Types",
   "componentElementToggleCount": "Toggle count",
   "componentElementEnabled": "Enabled",
+  "componentTrailing": "Trailing element",
+  "componentLeading": "Leading",
 
   "@_COMPONENTS_CARDS": {},
   "componentCardsTitle": "Cards",
@@ -262,6 +264,16 @@
   "componentMenuIcons" : "Icons",
   "componentMenuEnabled" : "Enabled",
 
+  "@_COMPONENTS_NAVIGATION_RAIL": {},
+  "componentNavigationRail": "Navigation rail",
+  "componentNavigationRailDescription": "Navigation rail is meant to be displayed at the left or right of an app to navigate between a small number of views.",
+
+  "@_NAVIGATION_RAIL_VARIANT": {},
+  "componentNavigationRailSubtitle": "OdsNavigationRail",
+  "componentNavigationRailLeadingNone": "None",
+  "componentNavigationRailLeadingFirst": "First",
+  "componentNavigationRailLeadingSecond": "Second",
+
   "@_COMPONENTS_SHEETS_BOTTOM": {},
   "componentSheetsBottomTitle": "Sheets: bottom",
   "componentSheetsBottomDescription": "Bottom sheets are surfaces anchored to the bottom of the screen that present users supplemental content.",

app/lib/ui/components/components.dart

@@ -38,6 +38,7 @@ import 'package:ods_flutter_demo/ui/components/lists/lists_switches.dart';
 import 'package:ods_flutter_demo/ui/components/menus/menu_dropdown.dart';
 import 'package:ods_flutter_demo/ui/components/menus/menu_exposed_dropdown.dart';
 import 'package:ods_flutter_demo/ui/components/navigation_bar/navigation_bar.dart';
+import 'package:ods_flutter_demo/ui/components/navigation_rail/navigation_rail.dart';
 import 'package:ods_flutter_demo/ui/components/progress/progress_circular.dart';
 import 'package:ods_flutter_demo/ui/components/progress/progress_linear.dart';
 import 'package:ods_flutter_demo/ui/components/radio_buttons/radio_buttons.dart';
@@ -239,6 +240,18 @@ List<Component> components(BuildContext context) {
         ),
       ],
     ),
+    Component(
+      AppLocalizations.of(context)!.componentNavigationRail,
+      'assets/il_navigation_rail.png',
+      AppLocalizations.of(context)!.componentNavigationRailDescription,
+      [
+        Variant(
+          AppLocalizations.of(context)!.componentNavigationRail,
+          AppLocalizations.of(context)!.componentNavigationRailSubtitle,
+          ComponentNavigationRail(),
+        ),
+      ],
+    ),
     Component(
       AppLocalizations.of(context)!.componentProgressTitle,
       'assets/il_progress.png',
@@ -328,20 +341,5 @@ List<Component> components(BuildContext context) {
         ),
       ],
     ),
-
-    /// Delete material 3 demo page
-    /*
-    Component(
-      AppLocalizations.of(context)!.componentMaterialsTitle,
-      'assets/placeholder.png',
-      AppLocalizations.of(context)!.componentMaterialsDescription,
-      [
-        Variant(
-            AppLocalizations.of(context)!.materialsVariantTitle,
-            AppLocalizations.of(context)!.materialsVariantSubtitle,
-            ComponentMaterial()),
-      ],
-    ),
-     */
   ];
 }