The ABP React Native template has received a major overhaul. The update removes legacy screens, dead components, and unused locale files, then replaces the old StyleSheet.create() approach with NativeWind v4 — bringing Tailwind CSS class names and a shadcn-style design token system to React Native. Dark mode is now handled at the config level via semantic tokens rather than per-screen. Navigation was restructured from a single drawer to a combination of a revamped drawer, BottomTabNavigator, and AccountNavigator. The full account flow (login, register, forgot/reset password) is now first-class. Two sample apps — Habit Tracker (minimal single-feature demo) and Hanova (two-sided home-services marketplace) — were built on the new template to validate the changes. New projects get the updated template automatically via ABP Studio or CLI; existing projects can follow the new UPGRADE.md guide.

9m read timeFrom abp.io
Post cover image
Table of contents
IntroductionWhy we modernizedPart 1 — Template cleanupPart 2 — NativeWind v4 and a new visual systemTwo sample apps we builtTry it yourselfSummary
2.1K Impressions