iOS Liquid Glass

[sultanmyrza]

React Native Paper supports Material You🚀.

Will support for Liquid Glass eventually be added? 🤞

• https://developer.apple.com/documentation/technologyoverviews/liquid-glass
• https://developer.apple.com/videos/play/wwdc2025/219/

[elicrock]

Found a workaround for iOS Liquid Glass issue.

The problem: react-native-paper Switch uses ios_backgroundColor which creates a background that's shorter than the native iOS switch with Liquid Glass.

Before:

return (
  <NativeSwitch
    disabled = { disabled }
    id = { id }
    ios_backgroundColor = { DISABLED_TRACK_COLOR }
    onValueChange = { onChange }
    style = { style as StyleProp<object> }
    thumbColor = { thumbColor }
    trackColor = { trackColor }
    value = { checked } />
);

After:

const iosVersion = parseInt(String(Platform.Version), 10);

return (
  <NativeSwitch
    disabled = { disabled }
    id = { id }
    ios_backgroundColor = { iosVersion < 26 ? DISABLED_TRACK_COLOR : undefined }
    onValueChange = { onChange }
    style = { style as StyleProp<object> }
    thumbColor = { thumbColor }
    trackColor = { trackColor }
    value = { checked } />
);

Note: This might be a temporary solution, but it works perfectly for my use case.

[sultanmyrza]

Thank you for sharing. Hopefully @callstack will release a version that will work out of the box by the time Liquid Glass will roll out ot 99% of iPhone devices

[adrcotfas]

React Native Paper implements Material Design. See https://material.io/.
Liquid Glass is part of Apple's design system.