How to build App and Run

🕒 Estimated Reading: 1 Minutes
📂 Location: FAQs → App FAQs → How to Build App and Run

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

This guide will help you build and run your mobile application using Android Studio. Follow the steps below to get started.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🔧 Step-by-Step Instructions

✅ Step 1: Download the Project

• Log in to your CodeCanyon account.
• Download the latest version of the project ZIP file.
• Unzip the file on your system.

✅ Step 2: Locate the Mobile Apps Folder

• After extracting the ZIP, locate the mobile-apps folder.
• Inside, you’ll find two separate projects:
  • User App
  • Client App

✅ Step 3:  Choose Project to Open

• You can optionally copy both projects to a new location.
• In this example, we’ll proceed with the User App.
• Open Android Studio and click “Open”.
• Select the user-app folder.

✅ Step 4: Open Project in Android Studio

• Once selected, the project will start loading in Android Studio.

✅ Step 5: Enable Dart Support

• First, enable Dart support in the settings or by opening the main.dart file.
• Look for the Enable Dart option in the right corner and click on it to enable Dart.

✅ Step 6: Get Dependencies

• After enabling Dart support, the Get Dependencies option will appear.
• Click on it to fetch the project dependencies. Any existing errors should disappear automatically after this step.

💡 Tip: If Errors Persist

Try the following steps in order:

1. Restart Android Studio
2. Then go to:
   • Tools → Flutter → Flutter Clean
   • Tools → Flutter → Flutter Pub Get
   • Tools → Flutter → Flutter Upgrade
   • File → Invalidate Caches / Restart

✅ Step 7: Connect Device or Launch Emulator

• Connect your device to the computer or launch the emulator.
• Run the project after connecting the device and wait for it to deploy on the device.

✅ Step 8: Run the App

• Click the Run ▶️ button in Android Studio.
• Wait for the project to build and install on your device or emulator.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🎉 You’re All Set!

You have now successfully built and deployed the Flutter app using Android Studio.

/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / //

Estimated reading: 1 minute

Build and Run Your Application

Follow these steps to set up and run your application:

1.Download the Project:

• Download the project from CodeCanyon and unzip it.

2. Locate the Mobile Apps Folder:

• After unzipping the file, locate the mobile apps folder. Inside, you’ll find two projects.

3. Choose Project to Open:

• Optionally, you can copy both projects to a new location. For this guide, we’ll open the “user app” project.
• Open Android Studio and click on the “Open” button.

4. Open Project in Android Studio:

• Locate the project you want to work with and open it.

5. Enable Dart Support:

• First, enable Dart support in the settings or by opening the main.dart file.
• Look for the Enable Dart option in the right corner and click on it to enable Dart.

6. Get Dependencies:

• After enabling Dart support, the Get Dependencies option will appear.
• Click on it to fetch the project dependencies. Any existing errors should disappear automatically after this step.

INFO

If errors persist, try one of the following two steps:

• Restart Android Studio.
• Follow these steps:
  • Select Tools -> Flutter -> Flutter Clean
  • Select Tools -> Flutter -> Flutter Pub Get
  • Select Tools -> Flutter -> Flutter Upgrade
  • Select File -> Invalidate Caches / Restart

7. Connect Device or Launch Emulator:

• Connect your device to the computer or launch the emulator.
• Run the project after connecting the device and wait for it to deploy on the device.