iOS 26 liquid glass is likely just all CAFilter and UIVisualEffect under the hood (the refraction effect likely just offsets the effect view, or a mesh distortion pass)
in this old demo, you can see me struggling making the custom effect look good 😔
react-native-ios-visual-effect-view (v0.1.0-17)
still need to write the docs (making the CAFilters look good requires a lot of trial and error unfortunately)
the math for creating the CAColorMatrix transforms also doesn't seem right
i'm afraid of breaking things in: react-native-ios-context-menu (so this is just quick demo)
but i think interactive previews would be nice to have (i just wish that i had the resources to polish + test it)
@and_sidorchuk thank you! (your work is really cool, and also thank you for helping me fix a crucial bug w/ fabric a while back 😊)
it just unfinished—i really wanted the effects to animate together with the modal haha (maybe someday)
i wanted to post a demo today, but i'm getting so many build errors suddenly 😔
(all i did was re-install node_modules)
codegen can't find the specs for react-native-ios-visual-effect-view (i triple checked that the codgenconfig is valid)
react-native-ios-visual-effect-view (v0.1.0-17)
still need to write the docs (making the CAFilters look good requires a lot of trial and error unfortunately)
the math for creating the CAColorMatrix transforms also doesn't seem right
@lauridskern hello, i think so (it's just a regular UIVisualEffectView under the hood)
but i haven't really tested it recently (and it's still a wip)
it was originally used in the bg component for: react-native-ios-adaptive-modal
(so i think it should work if it's inside a modal?)
react-native-ios-visual-effect-view (v0.1.0-15) ✨
added: blending modes, foreground filters 🙂↕️
(CAFilter animations have already been implemented, just haven't exposed the api yet to react native unfortunately)
#reactnative
animated background/content CAFilter (the example is a bit messy tho)
it's kind of like the effect modifiers in swiftui, but for uiview
i'll add it to a future release of: react-native-ios-visual-effect-view (soon-ish)
#reactnative#swift
here's a demo of react-native-ios-visual-effect-view (v0.1.0-11)
added support for custom filters 🙂↕️
todo: write docs, expose animatable filters 🙂↔️
#reactnative#swift
coming soon-ish to: react-native-ios-visual-effect-view (animatable custom CAFilter)
back to doing oss on my free time again, so i'm not release sure when i'm able to release this 😔
#reactnative
view w/ custom n-polygon masks (salvaged from the modal lib i was making a few months ago)
the custom coreanimation shape layers can be synced/driven by uikit animations
thank you to the 7 ppl sponsoring my work
#reactnative#uikit
@theblondealex hello, its not really a comparison—i just split the video and turned it into a collage (because the video was too long)
sorry for the confusion
react-native-ios-utilities might be stable enough across fabric + paper for me to start making components again
didn’t think it would take this long 😔 (thank you for the 3 people sponsoring my work)
#reactnative