Stage 2 · Lesson 10 of 10
Platform differences and design guidelines
uses native views, so some things already look native, but many choices are still yours. Android users expect patterns, a system back gesture and 48 dp . iPhone users expect Apple's patterns, swipe back and 44 point targets.
Use Platform.OS or Platform.select for small differences. Shadows are one example: elevation on Android, shadow on iOS. A different header style is another.
For bigger differences, use files named .ios.tsx and .android.tsx. 's hitSlop enlarges the tap area of small icons.
Common traponly ever running the app on one platform and discovering broken shadows, fonts or back behaviour on the other at release time.
A question to check yourself, an AI practice session and 2 cheat sheet entries come with the full roadmap. Unlock
Resources for this stage
Start with· follow one of these
- GuideFreeExpo Documentation
Expo
The Expo tutorial builds a small app you run on your own phone
- GuideFreeReact Documentation
Meta
"Describing the UI" and "Adding interactivity" cover the React you need