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.