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.
How to Write Prompts for Rork — Tips for Creating Apps Exactly As You Envision
Practical techniques for writing Rork prompts: specifying UI design, describing features, and requesting revisions so the app you get matches the app you imagined.
Writing Prompts for Complex Screens in Rork Max
How to write Rork Max prompts that reliably generate complex screens like dashboards, filtered lists, and validated forms — covering role context, data types, UI spec, and iterative refinement.
Adding Bottom Sheets to a Rork App — A Practical Guide to @gorhom/bottom-sheet on iOS and Android
Rork's default Modal works for confirmations, but the moment you need multiple snap points or inertial scroll inside the sheet it falls short. This guide walks through dropping @gorhom/bottom-sheet into a Rork project, handling the keyboard, and smoothing out iOS/Android differences.
Communicating Design Rules to AI: Using DESIGN.md for Mobile Apps
Google's open-source DESIGN.md format helps you communicate design specifications to AI tools like Rork. Learn to define colors, typography, and spacing rules in markdown so AI-generated UI stays consistent with your brand.
Why Your Rork Modal Won't Close — 5 Common Pitfalls and How to Fix Them
The close button doesn't fire, tapping the backdrop does nothing, and buttons inside the modal feel dead. In Rork-generated React Native code, eight times out of ten the cause is one of these five patterns.
Fixing Safe Area & Notch Display Issues in Rork Apps
Why content in Rork-generated apps clips behind the iPhone notch and home indicator, and the SafeAreaView / useSafeAreaInsets patterns that actually fix it.
Why Your Rork App Looks 'Cheap' — And How One Prompt Change Fixed It
If your Rork app looks generic or amateurish, the problem isn't the tool — it's the prompt. Here's how separating design instructions from feature instructions transforms your UI quality.
How to Add NativeWind to Your Rork App: Tailwind CSS Styling for React Native
Learn how to set up NativeWind in your Rork app and style components with Tailwind CSS utility classes. Covers installation, basic layouts, dark mode, and responsive design with practical code examples.
Rork Practical Techniques [Part 1] — App Design, UI Building & Development Patterns
Curated practical techniques from Rork Lab premium articles. Part 1 covers app design, UI patterns, Supabase integration, and testing basics.