material_3_expressive 1.1.6
material_3_expressive: ^1.1.6 copied to clipboard
A faithful Flutter implementation of the Material 3 Expressive component set, exposed as direct M3E component widgets.
1.1.6 #
Changed #
- Raise
material_uito^1.6.0. - Carousel: added
M3ECarouselScrim.gradient. By default it fades from transparent at the top to 60%colorScheme.scrimat the bottom, under the text; passgradientfor a custom one.opacityfades the whole layer. - Sliders: inner tick marks now default to 4dp, the same size as the
end stop indicators (
M3ESliderTheme.tickSize, was 2dp). They are also drawn at full strength (tickOpacity1, was 0.38), and inactive ticks useonSecondaryContainerlike the end stops.
Fixed #
- Bottom sheets: a sheet no longer bounces back up when its content or the system bars change size while it is closing. Detent changes are not re-settled while the route exits (#28, thanks @StillMisty).
1.1.5 #
Changed #
- Search: spec pill bar, contained or divided view and
M3ESliverSearchBar. - Text fields: spec filled and outlined fields with new slots, counter,
clear and password buttons;
maxLinesis nowint?. - Dialogs: spec basic and full-screen dialogs, spring motion, focus trap,
M3EDialogControllerandM3EDialog.showAdaptive. - Bottom sheets: spec sheets with preset heights,
.standard,M3EBottomSheetControllerand.showAdaptive; newhandleVerticalPaddinganddismissVelocitydefaults. - Side sheets: spec modal, standard and detached sheets,
M3ESideSheetLayoutandM3ESideSheetController. - Buttons:
M3EButtonDecorationScopeand live state layers. - Lists: expandable row fill, sublist corners and single Tab stop with arrow keys.
- Breaking — side sheets:
M3ESideSheetThemewas rebuilt.cornerRadius→modalCornerRadius;headerPadding→horizontalPadding,startPaddingWithIcon,headerVerticalPadding,topElementsGap;actionsPadding→actionsTopPadding,actionsBottomPadding,horizontalPadding;closeButtonPaddingandiconSizeremoved;containerColor(scheme)now takes the variant;titleStyle()→headlineStyle(). - Breaking — text fields:
M3ETextFieldThemewas rebuilt.minHeight→containerHeight;iconGap→iconTextGap/iconEdgePadding;supportingTextPadding→supportingTopPadding/supportingHorizontalPadding;horizontalPaddingis now adouble; colors move tocolors: M3ETextFieldColorTheme(...)/resolveColors(). RemovedcontentHeight,contentVerticalPadding,labelRestingOffset,labelFloatingTopPadding,labelRestingTopPadding,labelBottomPadding,labelSlotHeight(),accentColor(),backgroundDecoration(),borderDecoration()anddecoration().
Fixed #
- Text fields (web): typing works after refocusing a reconfigured field.
- Text fields, search: touch selection shows the selection handles.
- Lists:
M3EList.sliverno longer throws in aCustomScrollView.
1.1.4 #
Changed #
- Sliders: spec sizes XS–XL, colors, stops, value indicator, inset icons, vertical stops, and keyboard steps.
- Toolbars: spec docked and floating sizes, padding, colors and paired FAB; arrow-key navigation; docked action layouts at 600 and wider.
- Navigation drawer: spec standard and modal sheets, destinations, colors
and focus ring; modal open/dismiss with spring and drag;
M3ENavigationDrawerController. - Navigation rail: spec collapsed and expanded sizes, colors, scroll
elevation, modal rail and
destinationTopPadding;M3ENavigationRailController. - Lists: expressive segmented and standard styles with spec heights,
slots and state layers;
M3EListis the only list widget (M3ECardList,M3EDismissibleList,M3EDismissibleColumnandM3EExpandableListare removed); nested sub-lists, swipe, expand and drag-to-reorder. - App bars: spec small, medium and large heights, scrolled-under color and
elevation,
M3EAppBarHideMode(entire/actions), search field, andM3EAppBarController; smoother scroll-driven collapse and hide. - Carousel: multi-browse, uncontained, multi-aspect, hero and full-screen
layouts with
M3ECarouselItem,M3ECarouselController, keyboard navigation and a show-all morph. - Navigation bar: spec flexible and baseline sizes, horizontal items,
colors, pill and focus ring;
M3ENavigationBarControllerwith hide on scroll. - Tabs: spec primary and secondary bars, indicators and colors;
M3ETabsController,M3ETabsViewandM3ETabs.sliver. - Cards: vertical layout, keyboard order, swipe actions, card groups, reorder and container transform.
- Focus and interaction: pointer input hides keyboard focus rings until the next Tab or arrow key; no hover flashes while scrolling; plain tooltips ignore the pointer.