QRCoba

QRcoba - A QR/Barcode Generator and scanner Flutter App
by: W3 Engineers Ltd.

Email: info@w3engineers.com

At first thank you for purchasing this template. If you have any question or any problem regarding this template, feel free to Contact us via info@w3engineers.com.

1 - Introduction

QRCoba is built using Flutter in Android Studio. It’s a QR code scanning application. It offers more than 9 screens and all are fully designed & functional. QRCoba offers all required features, which can fulfill any modern application. It’s easy to customize, you can use any format of code like 1D (Barcode, UPC, CODE_128), 2D (QR code) etc. You can customize any screen as per your need. It follows the entire standard to fulfill user’s requirements.

Features:

Generate QR code

Allows users to create custom QR codes for various types of data, such as URLs, text, and contact information.

Generate Barcode

Enables users to generate barcodes for different formats, useful for inventory and product identification.

Scan QR code from camera

Uses the device's camera to scan and decode QR codes instantly, providing information or redirecting to a URL.

Scan Barcode from gallery

Allows users to scan barcodes from images saved in the device's gallery, making it convenient to decode stored codes.

Flash

Provides an option to enable or disable the camera flash while scanning codes, useful in low-light conditions.

Save code

Users can save generated or scanned codes to local storage for future reference or use.

Share code

Enables users to share generated or scanned codes via social media, email, or other sharing options available on the device.

Copy code

Provides the functionality to copy the content of a scanned or generated code to the clipboard for easy pasting elsewhere.

Open URL by browser

Automatically opens scanned QR code URLs in the default web browser for quick access to the encoded information.

History

Keeps a log of all scanned and generated codes, allowing users to revisit and manage their history.

Settings

Provides options for users to customize the app's functionality and appearance, such as vibration, sound, etc.

2 - Folder Structure

2.1Unzip the file.

2.2You see the following folders:

flutter-qrcoba (contain the dart files)

3 - Requirements

Android Studio (Hedgehog)

Flutter version 3.19+

4 - Initial Setup

4.1Extract and open the project

Double click on the zip file for extract the project

Open android studio

Click on “open" & select the flutter-qrcoba folder

Click on “Trust Project"

4.2Basic app configuration (Get dependency and generated file)

Go to terminal -> and paste this command
flutter pub get

Go to terminal -> and paste this command
dart run build_runner build --delete-conflicting-outputs

5 - Customizing the App

5.1Change package name

Go to terminal -> and paste this command:
rename setBundleId --targets android,ios --value "com.your.id.com"

5.2Change app name

Go to terminal -> and paste this command
rename setAppName --targets ios,android --value "YourAppName"

5.2Change app icon

Go to flutter-qrcoba -> assets

Delete the image named applogo.png and paste your own logo. Make sure you name it applogo.png, otherwise, it does not change globally.

5.2.1Android & iOS

Go to terminal -> and paste this command
dart run flutter_launcher_icons -f icon_launcher.yaml

6 - Add Admob

Note : Real admob adds will be shown only after the publication into the google play store.

6.1Login with your Gmail account

6.2Go to this link

6.3From Apps option create App

6.4If your app is in play store then select YES otherwise NO

6.5Then provide app information and click ADD

6.6Then you will get an App ID. Copy it and goto android ->app->src-> main > AndroidManifest.xml file. And replace the ad id.

6.7Then click on CREATE AD UNIT and you will find three ad types. Only Banner and Interstitial types will be used here.

6.8Select Banner type. Provide Ad unit name and click on CREATE AD UNIT.

6.9Copy Banner Ad unit id and save it .You will need it later.

6.10Then again go back to Ad types and select Interstitial Ad type. Provide Ad unit name and select CREATE AD UNIT.

6.11Copy the Interstitial ad unit id and save it. You will need it later.

6.12 Do same work for iOS, then goto the ios ->runner->Info.plist file. And replace the App id.

6.13Now get saved Admob Banner and Interstitial Ad unit id. Then go to lib->resources->app_constant.dart file in Android Studio, and replace all Id by yours