Skip to content

☂️ Bring Material 3 to Flutter #91605

New issue
New issue
Closed
Closed
☂️ Bring Material 3 to Flutter#91605
Assignees
HansMullerguidezplesouthrenQuncCccccchannah-hyj
Labels
P2Important issues not at the top of the work listc: proposalA detailed proposal for a change to Fluttercustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team
@rami-a

Description

@rami-a
rami-a
opened on Oct 11, 2021

image

Material 3, also known as "Material You", is the next generation of Material Design. The major changes include:

  • updates to many components (colors, text styles and shapes, etc.)
  • color system improvements
  • typography improvements
  • elevation refinements

This issue has tracked the progress and status of adding Material 3 support to the Flutter material library. That work is now complete.

As of Flutter 3.16, Material3 is the default

Support for Material 2 will continue to be available for at least a year after Material 3 becomes the default. To opt-in to Material 2 use the useMaterial3 ThemeData flag in your app:

  return MaterialApp(
    theme: ThemeData(useMaterial3: false),
    // ...
  );

Note
See the API docs for [useMaterial3] for the comprehensive list of changes.

Updates available in Flutter 3.16:

Check out the updates to components, color, typography, and elevation in the Material 3 sample app.

image

Components

The following components have been updated to Material 3 colors, text styles and shapes generated from the Material 3 token database:

Color

Typography / Iconography

Android features

Documentation / Dev experience

Remaining work

Components

Typography / Iconography

iOS features

Documentation / Dev experience

Accessibility

Motion

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work listc: proposalA detailed proposal for a change to Fluttercustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.team-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions