◉RORK LABJP
●GPT-6.1 SOL — Added to Rork's model menu (09-29) with Low, Medium and High effort; included on Pro and Max●SONNET 5.5 — Claude Sonnet 5.5 is selectable: strong at UI design and faster than Sonnet 5 (09-28)●SDK 58 — Expo SDK 58 is out of beta as of 10/15 (beta since 09/15). Check your dependencies before upgrading●WIDGET — A write-up traces an iOS widget that renders black only in production builds●OBSERVE — EAS Observe now records native crashes too (SDK 57.0.21 or later, 10/07)●NEW — My App Open Ad Only Showed When the App…●GPT-6.1 SOL — Added to Rork's model menu (09-29) with Low, Medium and High effort; included on Pro and Max●SONNET 5.5 — Claude Sonnet 5.5 is selectable: strong at UI design and faster than Sonnet 5 (09-28)●SDK 58 — Expo SDK 58 is out of beta as of 10/15 (beta since 09/15). Check your dependencies before upgrading●WIDGET — A write-up traces an iOS widget that renders black only in production builds●OBSERVE — EAS Observe now records native crashes too (SDK 57.0.21 or later, 10/07)●NEW — My App Open Ad Only Showed When the App…
TAG

Animation

10 articles
← Back to all tags
Related:
Rork6React Native5Reanimated5Rork Max3Performance3UX2SwiftUI2Expo2UI Design1Indie Dev1UI1Troubleshooting1
⬡ Rork Dev/2026-04-22Intermediate

The Three Implementation Details That Decide First-Touch Feel in Rork Apps — Animation, Haptics, and Transition Speed

Two apps can offer the same features yet feel completely different. The reason usually comes down to animation, haptics, and transition speed. Here is exactly how to implement each of the three in a Rork-built app, with code you can drop in today.

⬡ Rork Dev/2026-07-12Intermediate

A symbolEffect Field Memo: Making Icons Move Nicely in Your Rork Max App

Animate SF Symbols in a Swift app generated by Rork Max using bounce, pulse, variableColor, and contentTransition, with working code, OS-version gating, and the mistakes I made from over-animating.

⬡ Rork Dev/2026-07-08Intermediate

Building a Segmented Control With a Sliding Indicator in Reanimated

The stock segmented control looks out of place on Android. Here is a custom Reanimated component that measures each segment and slides the indicator, with complete code plus UI-thread rendering, accessibility, and RTL handling from real shipping notes.

◇ App Dev/2026-06-27Intermediate

Your Animation Keeps Running After You Leave the Screen — Focus-Aware Battery Savings in a Rork (Expo) App

In a Rork-generated Expo app, a gradient or breathing animation can keep running after you push another screen or background the app, quietly draining the battery without ever surfacing as jank. The cause is that Reanimated's withRepeat lives on the UI thread and the navigation stack keeps screens mounted. This shows a lifecycle design — useIsFocused plus AppState — that reliably stops off-screen and background loops, with working code.

⬡ Rork Dev/2026-05-06Intermediate

Animation Jank in Rork Apps — How I Diagnosed Frame Drops and Fixed Them

Animations in your Rork app running smoothly in the preview but stuttering on a real device? This guide explains how to diagnose frame drops, why they happen, and how one line of code often fixes the problem completely.

◉ Rork AI/2026-05-03Intermediate

Rork Max AI × SwiftUI: 4 Patterns to Polish Generated Code into Pro-Quality UX

Rork Max generates solid SwiftUI code fast — but there's a gap between 'it works' and 'it feels premium.' Here are 4 implementation patterns to bridge that gap: skeleton UI, meaningful transitions, human-readable error states, and haptics.

⬡ Rork Dev/2026-04-24Intermediate

Reanimated Worklet Errors in Rork Apps — Six Things to Check Before You Panic

React Native Reanimated throws a lot of worklet errors the moment you add it to a Rork project. This walkthrough covers the six most common causes, from a missing Babel plugin to closure capture bugs, in the order you should investigate them.

⬡ Rork Dev/2026-04-04Advanced

React Native Skia in Rork — Custom Charts, Animations, and Shader Effects

A complete guide to implementing high-quality custom graphics in your Rork app using React Native Skia. Covers Canvas-based custom charts, gradients, shader effects, and interactive animations with Reanimated — all with practical, production-ready code.

⬡ Rork Dev/2026-03-30Advanced

Rork × React Native Reanimated & Gesture Handler — Building 60fps Animations and Advanced Gesture Interactions

Keeping Reanimated 3 and Gesture Handler at 60fps, told through the production pitfalls I hit running wallpaper and calming-tone apps: delayed runOnJS, useDerivedValue caching, FlashList pairing, and missing cancelAnimation — each with real measurements.

⬡ Rork Dev/2026-03-27Advanced

Advanced Navigation Patterns in Rork Max — Nested Structures, Custom Transitions, Auth Flows, and Shared Element Transitions

An advanced Rork Max navigation guide grounded in apps I have run solo since 2013. Beyond nested Expo Router structures, auth flow branching, and shared element transitions, it covers six production pitfalls and their fixes with working code.