back to reels
Mobile UI · 0s
Real Estate Listing UI in React Native
Dark-themed real estate property detail screen with hero image, interior thumbnails, price drop indicator, spring heart animation, and Schedule Tour CTA. Built with React Native, Expo, and Reanimated v4.
0 views0s
▸ Watch on
▸ Write-up
Real Estate Listing UI in React Native
Dark slate property detail screen with full-bleed hero photo, stacked interior thumbnails, price drop indicator, bed/bath/sqft spec row, and a working Schedule Tour button.
### Stack
- React Native + Expo
- Reanimated v4 (spring heart animation)
- expo-haptics (feedback on every tap)
- expo-linear-gradient (hero image fade)
- Real Unsplash photos (copyright-free)
### Key details
- Hero image fades into dark bottom sheet via 3-stop LinearGradient overlay
- Interior thumbnails sit above the fold with +22 overflow chip
- "For sale" + "$80k price drop" outlined status chips
- Spring-animated heart: withSpring, damping 6, stiffness 240
- "Listed by Anwer Solangi" agent row with avatar
- Schedule Tour button fires notificationAsync Success haptic on confirm
LIKE WHAT YOU SEE?
I’m available for freelance & contract React Native work — apps, features, UI implementation, you name it.