Get Dependencies

After you loaded project successfully, run the following command in the terminal to install all the dependencies listed in the pubspec.yaml file in the project's root directory or just click on Pub get in pubspec.yaml file if you don't want to use command.

Build and Run App

• Locate the main Android Studio toolbar.
• In the target selector, select an Android device for running the app. If none are listed as available, select Tools > Android > AVD Manager and create one there. For details, see Managing AVDs
• Click the run icon in the toolbar, or invoke the menu item Run > Run.

After the app build completes, you’ll see the app on your device.

If you don’t use Android Studio or IntelliJ you can use the command line to run your application using the following command

Important

Below step requires flutter path to be set in your Environment variables. See https://flutter.dev/docs/get-started/install/windows

You will see below like screen after you have build your app successfully.

Try hot reload

Flutter offers a fast development cycle with Stateful Hot Reload, the ability to reload the code of a live running app without restarting or losing app state. Make a change to app source, tell your IDE or command-line tool that you want to hot reload, and see the change in your simulator, emulator, or device.

Important

Do not stop your app. let your app run.

• images: apps/widgets/snippets images as well as appIcon are stored here.
• lib: Application main file and folder are located here.
  • Screens: Full Apps UI Code can be found here.
  • Conts: Api configuration can be found here
  • Constant: All constant value are located here
  • Main: All the routes are been declared here.
• Pubspec.yaml: Application name and other project dependencies can be found here

Application Features

• Clean Code and a well structured project
• Single code base for both Android & iOS
• 60 FPS Support for both Android & iOS
• Fully responsive UI
• Best UI & UX
• Great animation
• Easy to customize
• Free life time updates & stunning customer support
• Easy to integrate in your project

You’ll need to modify the api_config.dart file to replace the existing domain with your new one. Here’s how you can do it:

1. Open the api_config.dart file located in the /lib/app_config/api_config.dart directory.
2. Replace 'https://acnoopharmacy.acnoo.com/' with your new domain:
3. Make sure the new URL is correctly formatted and includes the proper protocol (https:// or http://).

Now:

Please open the constant.dart file and update the app name, company name, and app version with the desired values, ensuring they are written correctly.

Change package name:

➢ Find the current package name, which is com.example.acnoo_pharmacy_app

path:/android/app/src/main/kotlin/com/example/acnoo_pharmacy_app/MainActivity.kt

➢ Select the project file & Press Ctrl + Shift + R to replace the old package name with your new one throughout the entire codebase.

➢ Now in the first box paste the current package name (com.example.acnoo_pharmacy_app) and in the second box write the new name and press Replace All button.Please consider assigning a meaningful package name and try to follow the structure.

Run Flutter Project:

➢ For first-time users, enable Dart support for the project. Afterward, navigate to the pubspec.yaml file and retrieve the packages by clicking on "Pub Get" located at the top right corner, as illustrated in the image.

➢ After enabling Dart support and fetching packages, select a device or run an emulator. Click the 'Play' icon in the upper-right corner to launch the app. For physical devices, enable 'Developer Options' and 'USB Debugging' on your phone.

How to change application name:

➢ To change the app name you have to go to the AndroidManifest.xml file.
➢ path: android/app/src/main/AndroidManifest.xml

After opening the file change the android:label =”AppName” & replace your current name. And build the app. The App name will be changed.

How to change application version

➢ Navigate to the pubspec.yaml file and modify the 'version' field. For instance, if the previous version is 1.0.0+1, update it to 1.0.1+2.
➢ IMPORTANT: Ensure to execute 'flutter pub get' and 'flutter run' after making this adjustment.

How to change application version

Select Images:

● Choose three images that you want to use for icons.
● Ensure the images are appropriate and formatted correctly for the app's display requirements.

Rename Images:

● Rename the selected images with the following filenames:
○ icon: app_icon.png
● Make sure to keep the file extension as .png

Now replace the existing image with a new one.

Replace Existing Images:

● Locate the folder where the current icon image is stored. This is typically named assets
● Copy and paste your newly renamed image inside this folder named “appIcon”.
● If prompted, allow the new images to replace the existing ones.

Now from the terminal run the command:

flutter pub get

dart run icons_launcher:create

Restart the App:

● Close the app completely to ensure all changes take effect.

Restart the app and verify that the new onboarding images are displayed correctly.

Project Structure

\

If you want to modify any of these screens, you can do so from these directory. Each directory name corresponds to the title of the respective apps screen, making it easy for you to locate and identify the files you need to edit.

app_config: Here you can find the API setup option & app setup option.

Screen: Here you can find the screens of the total app.

l10n: Here you can find all the language files.

Change Splash logo & logo inside the App.

Select Images:

● Choose the image that you want to use for the main logo.
● Ensure the image is appropriate and formatted correctly for the app's display requirements.

Rename Images:

● Rename the selected images with the following filenames:
○ splashLogo: logo.png
○ Others: mainLogo.png
Make sure to keep the file extension as .png

Replace Existing Images:

● Locate the folder where the current logo & avatar images are stored. This is typically named assets/app_logo

● Copy and paste your newly renamed images into this folder (app_logo)

● If prompted, allow the new images to replace the existing ones.

Restart the App:

● Close the app completely to ensure all changes take effect.
Restart the app and verify that the new onboarding images are displayed correctly.

Change Onboarding App:

Open app_logo folder.

path: assets/app_logo

Select Images:

● Choose three images that you want to use for the onboarding screens.
● Ensure the images are appropriate and formatted correctly for the app's display requirements.

Rename Images:

● Rename the selected images with the following filenames:
○ First Image: onbord1.png
○ Second Image: onbord2.png
○ Third Image: onbord3.png
Make sure to keep the file extension as .png

Replace Existing Images:

● Locate the folder where the current onboarding images are stored. This is typically named app_logo.

● Copy and paste your newly renamed images into this folder (assets/app_logo)

● If prompted, allow the new images to replace the existing ones.

Restart the App:

● Close the app completely to ensure all changes take effect.
Restart the app and verify that the new onboarding images are displayed correctly.

Theme Change:

You can change the app theme color for the constant.dart file. Here you can find all the colors, widgets, global gradients, which are used in many places inside the apps. path: lib/constant.dart

Here the primary color is MainColor.

Change Language:

This guide explains how to add or edit localization (translation) files in the app. If you want to support a new language or modify existing translations, follow the steps below.

1. Understanding the Localization Structure

The app uses ARB (Application Resource Bundle) files to manage translations. These files are located in the lib/l10n directory. Each language has its own file, e.g.:

app_en.arb for English
app_es.arb for Spanish
app_fr.arb for French

2. Adding a New Language

To add support for a new language:

Create a New ARB File

Duplicate an existing ARB file (e.g., app_en.arb) and rename it to match the language code you want to add. For example, for French, create app_fr.arb.

Translate the Strings Replace the values in the new ARB file with the translated strings. For example:

app_fr.arb

                            {
                                "helloWorld": "¡Hola a todos!"
                            }
                          

And just add a new parameter and value. And use it where you want to use it.

3. Editing Existing Translations

To edit an existing translation:

Open the corresponding ARB file (e.g., app_es.arb for Spanish).

Modify the value of the string you want to change. For example:

app_es.arb

                            { 
                            "helloWorld": "¡Hola a todos!",  // Updated the translation only, not the parameter.
                            } 
                        

Then just hot reload. It will be created automatically.

4. Delete Language

Remove references to the language from the code:

● If any part of the app was using keys specific to the removed language (e.g., lang.of(context)!.someKey) , you can either:

○ Replace the reference with a static string, or
○ Use the default language for those strings.

For example, if you were using:

lang.of(context)!.hello

You can replace it with a static string like:

"Hello"

5. Common Issues

Missing Translations

If a translation is missing for a specific language, the app will fall back to the default language (English).

So when you create, keep in mind that you have to create that parameter for all the locales. Otherwise, just edit the one you want to modify.

And you can find the supported locales from here:Click Here

https://api.flutter.dev/flutter/flutter_localizations/flutter_localizations-library.html

How to build release apk

To build a release APK for your Flutter project, follow these steps:

1.Open Your Project: Launch Android Studio and open your Flutter project.

2.Access the Terminal:

○ In the bottom left corner of the Android Studio interface, locate the navigation bar.
○ Click on the Terminal icon to open the terminal window.

3.Run the Build Command:

○ In the terminal, enter the following command:

Locate the APK:

○ Once the build process completes, you can find your release APK in the following directory:

build/app/outputs/flutter-apk/app-release.apk

To build a release APK for your Flutter project using the Android Studio top menu, follow these steps:

1. Open Your Project: Launch Android Studio and load your Flutter project.
2. Access the Build Menu:
   • In the top menu bar, click on Build.
   • Hover your cursor over Flutter in the dropdown menu.
3. Select Build APK:
   • Click on Build APK from the submenu.

1. Monitor the Progress:
   • A progress window will appear at the bottom of the screen, displaying the build status.
   • The build process may take some time, depending on your project size and system performance.
2. Locate the APK:
   • Once the build is complete, you can find the release APK in the following directory:

Free support policy includes troubleshooting, technical assistance with the product only. It does not include any customization, additional features integration or concerns about third- party plugins compatibility. But, support is applied to plugin(s) we have developed and integrated ourselves. We appreciate your understanding!

If you need assistance and information on purchased product that is not covered in documentation, mail them on our support at

acnooteam@gmail.com

You can expect answer within 24-48 hours, usually as soon as possible in the order they were received.

Additionally, if any email has no response from the item owner for more than 7 days, that support email will be archived by default. However, if you need further assistance, you can mail us again.