{"id":174,"date":"2025-07-23T07:43:33","date_gmt":"2025-07-23T07:43:33","guid":{"rendered":"https:\/\/documentation.iqonic.design\/prokit-flutter\/?p=174"},"modified":"2025-07-23T08:05:21","modified_gmt":"2025-07-23T08:05:21","slug":"how-to-build-app-and-run","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/how-to-build-app-and-run\/","title":{"rendered":"How to build App and Run"},"content":{"rendered":"
\n

\ud83d\udd52 Estimated Reading:<\/strong> 1 Minutes
\ud83d\udcc2 Location: <\/strong>FAQs \u2192 App FAQs \u2192 How to Build App and Run<\/p>\n\n\n\n

\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n

This guide will help you build and run your mobile application using Android Studio. Follow the steps below to get started.<\/p>\n\n\n\n

\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n

\ud83d\udd27 Step-by-Step Instructions<\/h2>\n\n\n\n

\u2705 Step 1:<\/strong> Download the Project<\/strong><\/h3>\n\n\n\n
    \n
  • Log in to your\u00a0CodeCanyon<\/strong>\u00a0account.<\/li>\n\n\n\n
  • Download the latest version of the project ZIP file.<\/li>\n\n\n\n
  • Unzip the file on your system.<\/li>\n<\/ul>\n\n\n\n

    \u2705 Step 2:<\/strong> Locate the Mobile Apps Folder<\/strong><\/h3>\n\n\n\n
      \n
    • After extracting the ZIP, locate the\u00a0mobile-apps<\/strong>\u00a0folder.<\/li>\n\n\n\n
    • Inside, you\u2019ll find\u00a0two separate projects<\/strong>:\n
        \n
      • User App<\/strong><\/li>\n\n\n\n
      • Client App<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

        \u2705 Step 3: <\/strong> Choose Project to Open<\/strong><\/h3>\n\n\n\n
          \n
        • You can optionally copy both projects to a new location.<\/li>\n\n\n\n
        • In this example, we\u2019ll proceed with the\u00a0User App<\/strong>.<\/li>\n\n\n\n
        • Open\u00a0Android Studio<\/strong>\u00a0and click\u00a0\u201cOpen\u201d<\/strong>.<\/li>\n\n\n\n
        • Select the\u00a0user-app<\/strong>\u00a0folder.<\/li>\n<\/ul>\n\n\n\n

          \u2705 Step 4:<\/strong> Open Project in Android Studio<\/strong><\/h3>\n\n\n\n
            \n
          • Once selected, the project will start loading in Android Studio.<\/li>\n<\/ul>\n\n\n\n

            \u2705 Step 5:<\/strong> Enable Dart Support<\/strong><\/h3>\n\n\n\n
              \n
            • First, enable Dart support in the settings or by opening the\u00a0main.dart<\/strong>\u00a0file.<\/li>\n\n\n\n
            • Look for the\u00a0Enable Dart<\/strong>\u00a0option in the right corner and click on it to enable Dart.<\/li>\n<\/ul>\n\n\n\n

              \u2705 Step 6:<\/strong> Get Dependencies<\/strong><\/h3>\n\n\n\n
                \n
              • After enabling Dart support, the\u00a0Get Dependencies<\/strong>\u00a0option will appear.<\/li>\n\n\n\n
              • Click on it to fetch the project dependencies. Any existing errors should disappear automatically after this step.<\/li>\n<\/ul>\n\n\n\n

                \ud83d\udca1 Tip: If Errors Persist<\/strong><\/h3>\n\n\n\n

                Try the following steps in order:<\/p>\n\n\n\n

                  \n
                1. Restart Android Studio<\/strong><\/li>\n\n\n\n
                2. Then go to:\n
                    \n
                  • Tools \u2192 Flutter \u2192 Flutter Clean<\/li>\n\n\n\n
                  • Tools \u2192 Flutter \u2192 Flutter Pub Get<\/li>\n\n\n\n
                  • Tools \u2192 Flutter \u2192 Flutter Upgrade<\/li>\n\n\n\n
                  • File \u2192 Invalidate Caches \/ Restart<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                    \u2705 Step 7:<\/strong> Connect Device or Launch Emulator<\/strong><\/h3>\n\n\n\n
                      \n
                    • Connect your device to the computer or launch the emulator.<\/li>\n\n\n\n
                    • Run the project after connecting the device and wait for it to deploy on the device.<\/li>\n<\/ul>\n\n\n\n

                      \u2705 Step 8: Run the App<\/strong><\/h3>\n\n\n\n
                        \n
                      • Click the\u00a0Run \u25b6\ufe0f<\/strong>\u00a0button in Android Studio.<\/li>\n\n\n\n
                      • Wait for the project to build and install on your device or emulator.<\/li>\n<\/ul>\n\n\n\n

                        \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n

                        \ud83c\udf89 You\u2019re All Set!<\/strong><\/h3>\n\n\n\n

                        You have now successfully built and deployed the Flutter app using Android Studio.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

                        \ud83d\udd52 Estimated Reading: 1 Minutes\ud83d\udcc2 Location: FAQs \u2192 App FAQs \u2192 How to Build App and Run \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 […]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":170,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-174","post","type-post","status-publish","format-standard","hentry","category-prokit-flutter"],"featured_image_src":null,"author_info":{"display_name":"flutteradminiq","author_link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/author\/flutteradminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":2,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/174\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/174\/revisions\/186"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/170"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/media?parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/categories?post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/tags?post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}