2.0 KiB
2.0 KiB
Welcome to your HeroUI Native app 👋
This is an Expo project preconfigured with HeroUI Native, Uniwind (Tailwind CSS for React Native), and Expo Router with a bottom-tab layout.
Get started
-
Install dependencies
npm install -
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the src/app directory. The tabs themselves live under src/app/(tabs)/. This project uses file-based routing.
What's preconfigured
- HeroUI Native (
heroui-native) wrapped inHeroUINativeProviderandGestureHandlerRootViewinsrc/app/_layout.tsx - Uniwind + Tailwind CSS wired through
metro.config.jsandsrc/global.css - All HeroUI Native mandatory peer dependencies:
react-native-reanimated,react-native-gesture-handler,react-native-worklets,react-native-safe-area-context,react-native-svg,react-native-screens @gorhom/bottom-sheetfor bottom-sheet UIs@expo/vector-icons(Ionicons) for tab bar icons- TypeScript with
strict: trueand@/*path alias to./src/* - React Compiler enabled
Learn more
- HeroUI Native components — full component reference
- Expo documentation — Expo fundamentals and guides
- Uniwind documentation — Tailwind for React Native
- Expo Router — file-based routing