Components

Source Structure

Config Files

File locate: ./src/config/..

Configure the web server URL in this file for proper management.

Navigation

File locate: ./src/components/..

  • index.tsx: Define default screen & router for link to other screens (Home, Listings, Detail, Members, Profile, Dashboard, Account, Settings, About Us, etc)
  • customDrawer.tsx: Custom Drawer - Create and style your own drawer navigation for a unique and intuitive app interface.

Screens

File locate: ./src/screens/..

The navigation defined in ./src/navigation/index.tsx links with screens located in the ./src/screens/.. folder.

All app template designs are located here (./src/screens/..). Customize or restructure them to fit your project's design.

Theme

File locate: ./src/theme/..

  • Configures colors for background, buttons, text, icons, etc. in defaultTheme.tsx & darkTheme.tsx for Light & Dark Mode themes.

Components

File locate: ./src/navigation/..

Reusable custom components for your app: Layout, Row, Col, Group, Button, Icon, Text, TextInput, Checkbox, Radio, DatePicker, DateTimePicker, etc

Assets

File locate: ./assets/..

Use this folder to store images and other resources for your application.

Utility

File locate: ./src/utility..

Common functions used throughout the app will be placed here. Easily add or develop additional functions as needed!