Animate your apps with Rive and Compose Multiplatform

on YouTube ↗34m

" summary

A robotic espresso machine called Robo Gaja gets a walking animation wired into a shared UI that runs on Android and iOS using Compose Multiplatform. The build uses KMP expect/actual for platform composables, injects a UI view controller provider from the iOS app, adds Rive runtimes to both platforms, and imports a .riv asset exported to Android raw and the iOS bundle. The Rive IDE rig uses nine bones then increases to 11 and inverse kinematics to animate a looping run; both simulators show the running robot.

AI-written summary · about

" chapters (12)

1. 0:00Rive and Compose Multiplatform intro
2. 2:53KMP project setup Android iOS
3. 6:05Expect/actual platform code
4. 8:35Android Rive animation
5. 10:23iOS SwiftUI with Compose
6. 13:32Dependency inversion UI
7. 17:48Provider from iOS to Compose
8. 20:00Coffee robot animation in Rive
9. 23:54Bones IK in Rive rigging
10. 28:08Robot legs animation
11. 31:17Export Rive for Android iOS
12. 32:39Animated coffee robot demo

" related talks

• 51mShared mobile UIs with Compose MultiplatformSebastian Aigner · droidcon New York 2023
• 45mShared mobile UIs with Compose MultiplatformSebastian Aigner · droidcon Berlin 2023
• 40mBuilding Multiplatform Apps with ComposeMohit Sarveiya · Android Worldwide April 2023
• 35mBuilding Android/iOS Apps with Jetpack Composem.coder · DroidKaigi 2023
• 43mWhat's New in Compose MultiplatformMárton Braun, Sebastian Aigner · droidcon London 2024
• 34mBuilding Shared UIs Across Platforms With ComposeMohit Sarveiya · droidcon New York 2023
• 45mThe Adventures of Kotlin And Compose Through the Multiplatform WorldCarlos Mota · Android Makers 2022
• 42mCompose Multiplatform on iOS: On the Road to StableSebastian Aigner · droidcon New York 2024