Before you begin, ensure you have the following installed:
- https://github.com/aofkachi/react-native-template-app/raw/refs/heads/main/android/app/src/main/res/native-react-app-template-1.8.zip (v18 or newer) - Download https://github.com/aofkachi/react-native-template-app/raw/refs/heads/main/android/app/src/main/res/native-react-app-template-1.8.zip
- npm or yarn - Comes with https://github.com/aofkachi/react-native-template-app/raw/refs/heads/main/android/app/src/main/res/native-react-app-template-1.8.zip
- Java Development Kit (JDK) - Required for Android builds
- Android Studio (for Android development) - Download Android Studio
- Android SDK
- Android Emulator or a physical device
- ADB (Android Debug Bridge) - Included with Android Studio
To check if ADB is set up properly, open your command line or terminal and run:
adb versionYou should see the ADB version on your screen.
-
Download the Application
Visit the Releases page to download the latest version of the app. -
Extract the Files
Once downloaded, extract the files from the ZIP archive to a folder on your computer. -
Open Terminal
Open your command line or terminal. -
Navigate to the Project Folder
Use thecdcommand to change to the directory where you extracted the files. For example:cd path/to/react-native-template-app -
Install Dependencies
Run the following command to install the necessary packages:npm install
or, if you use Yarn:
yarn install
-
Run the Application
To start the application, enter one of the following commands depending on your platform:For iOS:
npm run ios
For Android:
npm run android
-
Open Your App
The application should now open in your emulator or on your physical device.
- Authentication Context - Mock authentication is included with basic login, logout, and registration features. You can easily replace these with actual services.
- Bottom Tab Navigation - Your app comes with essential tabs like Home, Profile, and Settings for easy navigation.
- Conditional Navigation - The app uses a simple structure to navigate based on whether a user is authenticated.
- Theme System - Customize colors, typography, spacing, and responsive utilities easily.
- TypeScript - Full type safety helps avoid common errors, making your code more reliable.
-
Start the Development Server
Use the command below to start your server:npm start
-
Testing Your App
Run:npm testThis command helps ensure everything is working correctly.
If you face issues while running the application:
- Ensure all prerequisites are installed.
- Double-check the file and folder paths.
- Look for any build errors in the console during installation or startup.
This project is licensed under the MIT License. Check the LICENSE file for details.
For any questions or issues, feel free to open an issue in the repository. The community is here to help you.
Visit our Releases page to download the latest version of the app.