🎹 React Native Templates 🎹

Tech Stack 🦄

• ✅ Typescript

• ✅ React navigation V5

  • Tab Navigation
  • Native Stack Navigation

• ✅ Styled-components 💅

  • react native css-in-js

• ✅ Absolute Path configuration

  • custome configuration with modifying tsconfig.path.json

• ✅ Expo-Icon Added

  • expo-icons

• ✅ Robust File Structure

  • for me 😊

---

File Tree Structure 📦

---

📦src

┣ 📂assets

┃┗ 📜README.md

┣ 📂components

┃ ┣ 📂atoms

┃ ┃ ┣ 📂Buttons

┃ ┃ ┃ ┣ 📜Button.style.ts

┃ ┃ ┃ ┗ 📜Button.tsx

┃ ┃ ┗ 📂Container

┃ ┃ ┃ ┗ 📜Container.tsx

┃ ┣ 📂molecules

┃ ┃ ┗ 📂Header

┃ ┃ ┃ ┗ 📜Header.tsx

┃ ┣ 📂view

┃ ┃ ┣ 📂navigation

┃ ┃ ┃ ┣ 📂RootNavigation

┃ ┃ ┃ ┃ ┗ 📜Root.tsx

┃ ┃ ┃ ┣ 📂StackNavigation

┃ ┃ ┃ ┃ ┗ 📜Stack.tsx

┃ ┃ ┃ ┗ 📂TabNavigation

┃ ┃ ┃ ┃ ┗ 📜Tab.tsx

┃ ┃ ┗ 📂screen

┃ ┃ ┃ ┗ 📂ScreenName

┃ ┃ ┃ ┃ ┗ 📜ScreenName.tsx

┃ ┣ 📜App.style.ts

┃ ┗ 📜App.tsx

┣ 📂constants

┃ ┗ 📜constants.ts

┣ 📂hooks

┃ ┗ 📜README.md

┗ 📂utils

┃ ┣ 📂functions

┃ ┃ ┗ 📜README.md

┃ ┗ 📂style

┃ ┃ ┣ 📜borderRadius.ts

┃ ┃ ┣ 📜ButtonTheme.ts

┃ ┃ ┣ 📜CustomeTheme.ts

┃ ┃ ┣ 📜font.ts

┃ ┃ ┣ 📜pallete.ts

┃ ┃ ┣ 📜shadow.ts

┃ ┃ ┣ 📜width.ts

┃ ┃ ┗ 📜zIndex.ts