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

Open app in Android Studio

To modify the required settings for your POS Saas applications, you need to open it in Android Studio. Follow the steps below to open the application in android studio.

1. Open Android Studio on your machine.

2. From the Welcome to Android Studio screen, click on Open

3. Choose the Pos Saas- App / Pos Saas Web/ Pos Saas super admin directory and open it. Note that you have to set the web first. It is located at download or the folder you selected when it was downloaded from the marketplace. This will open the application source code in android studio.

Now you are ready to make the necessary changes in the application in following application files by following the guide below.

Get Flutter Packages

Now you have to open tool option from the topbar and from the opening menu you have to choose Flutter and then Flutter Pub Get & press or select that. Also if required, you have to give the sdk path, & allow for the configuration

You can do it from your terminal also. For that you have to open the terminal from the topbar.

Select: View → Tool Windows → Terminal as shown in the Next figure.

Now type flutter pub get on terminal and press enter.

This will get the dependencies for the application.

Make sure that you are connected to the internet while performing this task.

Build and Run App

All below steps must be followed to build and run applications.

1. Locate the main Android Studio toolbar.

2. In the target selector (< no device selected >), select an Android device for running the app. Or if you want to run the web app select the available browser from the dropdown menu. If none are listed as available, select Tools > Android > AVD Manager and create one there. For details, see Managing AVDs.

3. 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.

Update your project version

To update your project version, go to the pubspec.yaml file. And click on the Pub upgrade button at the top. It will automatically update all the packages version.Make sure your pc is connected with the internet. To update your project version and dependencies in a Flutter project, follow these steps:

• 1. Open the pubspec.yaml File:
  • Locate the pubspec.yaml file in the root directory of your Flutter project.
  • Open it in your preferred text editor or IDE.

• 2. Update the Project Version:
  • Find the version field at the top of the pubspec.yaml file.
  • Change the version number to your desired version. For example: version: 1.1.0+2
  • The version format is major.minor.patch+build.

Run pub upgrade:

• Ensure your computer is connected to the internet..
• In your IDE, locate and click the Pub upgrade button. This button is typically found at the top of the editor or in the pubspec.yaml tab.
• Alternatively, you can run the following command in your terminal from the project directory:

flutter pub upgrade

This command updates all packages to the latest versions allowed by the constraints in pubspec.yaml.

Project Structure:

• assets: Apps/widgets/snippets images as well as appIcon are stored here.
• lib: Applications main files and directories are located here.
• Screen: Full app’s UI codes are stored here.
• Widget: All the reusable widgets are stored here, like(Top bar, Side bar).Also the constant file located in the folder. Where the all the colors are stored which is used to design the app.

App Setup:

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 /Influencer-full-app/lib/config/ directory.

2. Replace 'https://influncer.acnoohost.com/' with your new domain:

3. Make sure the new URL is correctly formatted and includes the proper protocol (https:// or http://).

Now you have to set up the firebase:

Firebase Setup

Step 1

First of all you have to go to https:console.firebase.google.com/

and click on Go to the console which is on the right side of the top bar menu.(if not signed in)

After tapping on the Go to console a new page will be open.

Now you have to create a new project which you want to connect with the app. Click on Create a project button to create a new one.

A screen will open like this.

Here you have to enter a name for your project. then press continue to go to the next step.

Here if you want you can enable or disable the google analytics for your project. We recommended you to disable it for now and press Create project.Here a new project is created for you. Press continue to view the project.

Step 2

Note: that it is required to complete all of the steps one by one before generate the credential for the app.

Now from the sidebar click on the Build section, then select the Firestore Database from the list inside the build section. This will open a screen like this.

Now press on Create database and select test mode and hit the create button.

After a certain period it will create a database and open a new screen like this. Here select the Rules tab.

Now increase the timestamp as you want. And press on the Publish button.

Or just remove the code from the role and paste this

                            
                            rules_version = '2';
                            service cloud.firestore {
                                match /databases/{database}/documents {
                                    match /{document=**} {
                                        allow read, write: if true;
                                    }
                                }
                            }
                            
                            

Step 3

Go back to the Project overview screen and press on the android button to connect the app with firebase.

It will open a new screen like this.

Here you have to enter the Android package name. You can find it in your app source code.

To get the Android package name open the project from your android studio or visual studio. Open the directory build.gradle.

Path :/Influencer-full-app/android/app/build.gradle

Now copy the name which is inside the qotation, for example “com.acnoo.influencer” copy the text and paste it in the android package name field and press on Register app button.

A newscreen will open with a json file, which you have to download.

After download press on the Next button.

And again press on the Next button, it will collapse the page and will show the 4th step.

Now press on the Continue the console button.

That's all. The firebase will be set up successfully

Now you have to put the downloaded google-services.json file into your app. For this copy the google-services.json And paste it to the app folder.

If you get any warning to replace it then replace the file with your new one. And the firebase setup is complete.

Change Splash Logo & logo inside 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 image with the following filenames:
  • Splash logo: splash_logo.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 images
• Copy and paste your newly renamed images into this folder.
• 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. Project version Update:

Change the app name

To change the app name you have to go to the AndroidManifest.xml file.

path: Project/android/app/src/main/AndroidManifest.xml

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

Name Inside App

Replace the name “InfluMedia”

Path: /Influencer-full-app/lib/widgets/constant_data/constant_data.dart

Change the app logo

For this first you have to design a logo for your app. Then to create different sizes of logo easily, you have to go to http://appicon.co. Then drag and drop or upload your image file to the site. And select only Android from the list. No need to give any file name. And click on generate. It will generate a zip file for you.

Now Unzip the file and enter the folder.

Copy marked these 5 folders. And go to the environment where the project is opened.Now from the project go to the res directory.

path: Project/android/app/src/main/res/

Now select the marked five folder and paste the folder you have copied from the zip and replace it. Now build the APK. It will show the new logo.

Change Onboarding image:

• Open images folder

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 image with the following filenames:
  • First Image: onboard_img_1.svg
  • SecondImage: onboard_img_2.svg
  • Third Image: onboard_img_3.svg
• Make sure to keep the file extension as .svg.

Replace Existing Images:

• Locate the folder where the current onboarding images are stored. This is typically named images
• Copy and paste your newly renamed images into this folder.
• If prompted, allow the new images to replace the existing ones.

Restart the App:

• Clos ethe app completely to ensure all changes take effect.

Restart the app and verify that the new onboarding images are displayed correctly. Project version Update:

Build release apk

To build an APK, go to the menu section of your environment, then select the Build section and move the cursor on Flutter and then select the Build APK. That's all. After sometimes it will build a release APK file.

After completing the build process, go to the build directory of the main project directory. It will build a new release apk file.

path: build/app/outputs/release

Inside the release directory you can find the release.

To publish your app in google play store you can follow this instruction:

https://docs.flutter.dev/deployment/android

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.