flutter/examples/api/lib/material
Christofer 1416381ecc
Fix NavigationRail examples overflow alignment (#159937)
Fix https://github.com/flutter/flutter/issues/160270

Fix the NavigationRail examples overflow alignment by replacing it with
the SegmentedButton widget.

### Before
Example 1:
<img
src="https://github.com/user-attachments/assets/b9f54cd2-b2d1-44ee-a159-f1f04ed011e2"
alt="NavigationRail Example 1 - Before" height="450">

Example: 2:
<img
src="https://github.com/user-attachments/assets/be78bee7-f03d-40ff-ae36-679416c9c3d2"
alt="NavigationRail Example 2 - Before" height="450">

### After
Example 1:
<img
src="https://github.com/user-attachments/assets/c6a3f060-dc9a-44d3-9ab3-3eea5f6183d6"
alt="NavigationRail Example 1 - After" height="450">

Example 2:
<img
src="https://github.com/user-attachments/assets/6b35753b-e2ab-4053-8dd7-d983531b2c74"
alt="NavigationRail Example 2 - After" height="450">




## Pre-launch Checklist

- [X] I read the [Contributor Guide] and followed the process outlined
there for submitting PRs.
- [X] I read the [Tree Hygiene] wiki page, which explains my
responsibilities.
- [X] I read and followed the [Flutter Style Guide], including [Features
we expect every widget to implement].
- [X] I signed the [CLA].
- [X] I listed at least one issue that this PR fixes in the description
above.
- [X] I updated/added relevant documentation (doc comments with `///`).
- [X] I added new tests to check the change I am making, or this PR is
[test-exempt].
- [X] I followed the [breaking change policy] and added [Data Driven
Fixes] where supported.
- [X] All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel
on [Discord].

<!-- Links -->
[Contributor Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview
[Tree Hygiene]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md
[test-exempt]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests
[Flutter Style Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md
[Features we expect every widget to implement]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement
[CLA]: https://cla.developers.google.com/
[flutter/tests]: https://github.com/flutter/tests
[breaking change policy]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes
[Discord]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md
[Data Driven Fixes]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md

---------

Co-authored-by: Taha Tesser <tessertaha@gmail.com>
2025-01-31 15:29:25 +00:00
..
about Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
action_buttons Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
action_chip Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
animated_icon Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
app const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
app_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
autocomplete Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
badge Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
banner Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
bottom_app_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
bottom_navigation_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
bottom_sheet const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
button_style Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
button_style_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
card Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
carousel Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
checkbox Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
checkbox_list_tile Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
chip const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
choice_chip Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
color_scheme Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
context_menu Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
data_table Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
date_picker Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
dialog Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
divider Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
drawer Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
dropdown Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
dropdown_menu Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
elevated_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
expansion_panel Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
expansion_tile const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
filled_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
filter_chip Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
flexible_space_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
floating_action_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
floating_action_button_location Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
icon_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
ink Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
ink_well Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
input_chip Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
input_decorator Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
list_tile Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
material_state Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
menu_anchor Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
navigation_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
navigation_drawer Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
navigation_rail Fix NavigationRail examples overflow alignment (#159937) 2025-01-31 15:29:25 +00:00
outlined_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
page_transitions_theme Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
paginated_data_table Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
platform_menu_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
popup_menu const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
progress_indicator Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
radio Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
radio_list_tile Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
range_slider Rename Sample classes (#124080) 2023-04-04 20:34:29 +00:00
refresh_indicator Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
reorderable_list Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
scaffold const AnimationStyle (#160564) 2025-01-22 21:52:11 +00:00
scrollbar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
search_anchor Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
segmented_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
selectable_region Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
selection_area Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
selection_container Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
slider Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
snack_bar Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
stepper Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
switch Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
switch_list_tile Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
tab_controller Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
tabs Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
text_button Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
text_field Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
text_form_field Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
theme Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
theme_data Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
time_picker Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
toggle_buttons Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
tooltip Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00
widget_state_input_border Auto-format Framework (#160545) 2024-12-19 20:06:21 +00:00