Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🎨 Add Navigation Rail to Home Composable #417

Merged
merged 5 commits into from
Jan 27, 2023
Merged

🎨 Add Navigation Rail to Home Composable #417

merged 5 commits into from
Jan 27, 2023

Conversation

igorescodro
Copy link
Owner

After some initial efforts on #225, now it's time for Alkaa to properly support different form factors. The first step is implementing a NavigationRail to better accommodate the navigation icons on the screen.

image

The next PRs improve the experience by using multiple panes and better using the empty space on the screen.

Screenshot_1674835538 Screenshot_1674835520 Screenshot_1674835533 Screenshot_1674835547
Phone Foldable Tablet ChromeOS

This implementation was based on the Now In Android repo by @android.

A new dependency was added to easily handle different form factors in
Compose
Since we might need the form factor information across different
Composables, now is a good time to have a dedicated state class. This
approach follows the implementation on Now In Android.
Alkaa now supports different form factors properly! The NavigationRail
will be shown when appropriate thanks to the WindowSizeClass and the
boilerplate from Now In Android.
Now that we have UI changes, this changes must reflect on the
Instrumented tests. Also, a new WindowSizeClassFake was created to
simulate the device density. In the future, more tests with different
densities will be added.
In the original concept, this BowWithConstraints would show two columns
when the app is on landscape or bigger screens. However, it does not
work very well.
When the keyboard opens it show two columns, creating a very bad UX.

This is gone for now and will be improved in future commits.
@igorescodro igorescodro merged commit b2d00ac into main Jan 27, 2023
@igorescodro igorescodro deleted the form-factor branch January 27, 2023 18:51
@igorescodro igorescodro restored the form-factor branch February 28, 2023 19:33
@igorescodro igorescodro deleted the form-factor branch June 1, 2023 15:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant