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