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

Create a migration guide for Material 3 #119319

Closed
Tracked by #91605
guidezpl opened this issue Jan 27, 2023 · 5 comments · Fixed by flutter/website#10076
Closed
Tracked by #91605

Create a migration guide for Material 3 #119319

guidezpl opened this issue Jan 27, 2023 · 5 comments · Fixed by flutter/website#10076
Assignees
Labels
f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. team-design Owned by Design Languages team triaged-design Triaged by Design Languages team

Comments

@guidezpl
Copy link
Member

guidezpl commented Jan 27, 2023

https://m3.material.io/develop/flutter is the hub on material.io for Material 3 on Flutter. We should create a migration guide.

Existing guides include

I should also note https://blog.codemagic.io/migrating-a-flutter-app-to-material-3/ from @TahaTesser, @HansMuller is there anything missing from it?

@guidezpl guidezpl added framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels Jan 27, 2023
@TahaTesser
Copy link
Member

I'd be happy to update the article to include anything missing.

@guidezpl
Copy link
Member Author

Great! Once we're closer to finishing the remaining work listed in #91605, let's re-evaluate and compare with the Views and Compose guides and make sure all aspects of migrating are covered.

@rydmike
Copy link
Contributor

rydmike commented Jan 29, 2023

@TahaTesser the article is great as it is, but if you have the opportunity, time and energy to update it, here are my suggestions:

  • The easy to use NavigationDrawer is mentioned, but it would be lovely to also see a teaser visual of it.
  • The DropdownMenu is not mentioned. It would be fabulous if it could be added. This new component is really wonderful and one that has been desperately asked for by many developers. Building something like it manually has been quite a challenging task to do in the past. Now it is finally available out of the box, and it is really good!
  • The new MenuBar and MenuAnchor could deserve a mention too, with some simple visuals of them.
  • This might make it a bit long, but I think it could be of general interest to point out the clever re-use of shared building blocks in DropdownMenu, MenuBar and MenuAnchor. Plus how the core of their flexible styling and theming capabilities is in large part built with the existing ButtonStyleButton and ButtonStyle via MenuItemButton, used by the already familiar Material buttons. Resulting in that menu items in all of them can have all of its powerful props and theming capabilities. These all also make great building block for making totally custom versions as well or new variants not thought of here. Although the out-of-the box ones, are so flexible and well designed I doubt there are many reasons to do so.
  • Other new and updated components that could be briefly mentioned and shown are Badge (could be added e.g. to the shopping cart FAB icon and mentioned) and BottomAppBar, that has a significantly changed style in M3.

@TahaTesser
Copy link
Member

@rydmike Thank you so much for your valuable feedback!

@flutter-triage-bot flutter-triage-bot bot added multiteam-retriage-candidate team-design Owned by Design Languages team triaged-design Triaged by Design Languages team labels Jul 8, 2023
@TahaTesser TahaTesser self-assigned this Nov 21, 2023
sfshaza2 pushed a commit to flutter/website that referenced this issue Jan 29, 2024
Fixes [Create a migration guide for Material
3](flutter/flutter#119319)
Copy link

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 12, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. team-design Owned by Design Languages team triaged-design Triaged by Design Languages team
Projects
Status: Done (PR merged)
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants