Post

Bringing MeshGradient from SwiftUI to React Native 🌈 Built with @expo.dev Modules and not yet announced feature in SDK 52 that allows to embed any SwiftUI view into RN app 📲 Implemented with the New Architecture in mind 🏛️ Demo built with @swmansion.com Reanimated and Gesture Handler 💜

Serhii Yaremych

@desugar.bsky.social

21 Nov 2024

Doesn’t this limit the framework’s cross-platform capabilities? For example, it cannot be used on Android.

Tomasz Sapeta 𝝠

@tsapeta.dev

21 Nov 2024

It depends. If we really want to, mesh gradient can be implemented on Android using shaders, it's just a bit more work than with SwiftUI. We're also looking into how to support Jetpack Compose, which is quite similar to SwiftUI.

Tomasz Sapeta 𝝠

@tsapeta.dev

I believe it's just a matter of time when mesh gradient becomes available in Jetpack Compose too, it already has other types of gradients: developer.android.com/develop/ui/c...

developer.android.comBrush: gradients and shaders | Jetpack Compose | Android Developers

21/11/24, 4:05 pm0 reposts8 likes

Tomasz Sapeta 𝝠

@tsapeta.dev

21 Nov 2024

There are already many APIs that aren't cross-platform and it's ok. In some cases you would be fine with having the mesh gradient as a background on iOS and just a solid color on Android. Even though you use a cross-platform framework, the app doesn't always look the same and doesn't have to.