« Changelog History


Material Components v77.0.0 Release Notes

  • 🚀 In this release we made improvements to BottomNavigationBar and landed stateful ripple in the ripple (beta) component.

    💥 Breaking changes

    BottomNavigationBar

    ✂ Removed a deprecated API:

    @property(nonatomic, assign) UIEdgeInsets itemsContentInsets

    🆕 New features

    BottomNavigationBar

    Blur

    BottomNavigation can use blur in its background when not fully opaque

    self.bottomNavBar.backgroundBlurEnabled = YES;

    Long item titles

    We automatically truncate titles that go out of bounds but added a flag to allow some clients to still overflow.

    self.navigationBar.truncatesLongTitles = NO;

    Stateful Ripple

    We added this new component that simplifies the intersection of states and ripples.

    You can set the state of the ripple like so:

        statefulRippleView.isRippleHighlighted = true
...
    statefulRippleView.isSelected = true

    API changes

    BottomNavigation

    MDCBottomNavigationBar

    🆕 new property: backgroundBlurEffectStyle in MDCBottomNavigationBar

    🆕 new property: backgroundBlurEnabled in MDCBottomNavigationBar

    🆕 new property: truncatesLongTitles in MDCBottomNavigationBar

    ✂ removed property: itemsContentInsets in MDCBottomNavigationBar

    Ripple

    MDCRippleState

    🆕 new enum: MDCRippleState

    🆕 new enum value: MDCRippleStateSelected in MDCRippleState

    🆕 new enum value: MDCRippleStateDragged in MDCRippleState

    🆕 new enum value: MDCRippleStateHighlighted in MDCRippleState

    🆕 new enum value: MDCRippleStateNormal in MDCRippleState

    🆕 new typedef: MDCRippleState

    MDCStatefulRippleView

    🆕 new class: MDCStatefulRippleView

    🆕 new method: -rippleColorForState: in MDCStatefulRippleView

    🆕 new property: selected in MDCStatefulRippleView

    🆕 new property: allowsSelection in MDCStatefulRippleView

    🆕 new property: rippleHighlighted in MDCStatefulRippleView

    🆕 new method: -setRippleColor:forState: in MDCStatefulRippleView

    🆕 new property: dragged in MDCStatefulRippleView

    Component changes

    🔄 Changes

    BottomNavigation

    🔊 Dialogs

    Ripple

    Multi-component changes