Tech stack
Every RNBlocks screen is a standard TypeScript React Native component. No proprietary libraries, no magic wrappers, just Expo and React Native primitives you already know.
Core stack
| Layer | Technology |
|---|---|
| Language | TypeScript (.tsx) |
| Framework | React Native |
| SDK | Expo SDK 54 |
| Styling | StyleSheet.create(), no NativeWind, no Tailwind, no CSS-in-JS |
| Animations | react-native-reanimated |
| Haptics | expo-haptics |
| Gradients | expo-linear-gradient |
| Icons | @expo/vector-icons (Feather, Ionicons, MaterialIcons) |
| Safe area | react-native-safe-area-context |
| Navigation | React Navigation (in Studio flows) |
Installing dependencies
Each screen only imports what it actually uses, not every screen uses every package. Check the import statements at the top of a downloaded or generated screen to see exactly which packages it needs.
For Expo projects, install missing packages with:
npx expo install [package-name]
For bare React Native projects, each package above links to its own installation guide with platform-specific steps.
Styling approach
All screens use StyleSheet.create() , React Native's built-in styling system. No NativeWind, no Gluestack, no Tamagui.
Screens are self-contained and will not conflict with whichever styling system your project uses. Drop them in alongside NativeWind or Tamagui, they coexist without issues.
Colors are defined in a single COLORS constant at the top of each file. Change it to retheme the entire screen in one edit.
TypeScript
Every screen is a fully typed .tsx file. Props, state, and data shapes have explicit types. You get full autocomplete and type-checking in VS Code, Cursor, or any TypeScript-aware IDE.
Studio-generated flows include a shared types.ts file for data that flows between screens (e.g. a Product type used on both the List and Detail screen).
Navigation compatibility
Screens are standard React Native components and work with any navigation library:
- React Navigation (Stack, Tab, Drawer navigators)
- Expo Router (file-based routing, copy the .tsx into your app/ directory)
- React Native Navigation (Wix)
- Any other navigator that accepts a React component as a screen
Bare React Native (non-Expo) compatibility
Yes, screens work in bare React Native projects with minor setup. The Expo-specific packages all have bare React Native installation guides in their own documentation: