Extract the zip file and copy flutter folder into your
desired installation location for the Flutter SDK (eg.
C:\src\flutter; do not install Flutter in a directory
like C:\Program Files\).
Update your path
Now set your enviournment variable
From the Start search bar in , type ‘env’ and select Edit
environment variables for your account
Under User variables check if there is an entry called Path:
Click on Edit. New Dialog open from it click on new and copy
full path to flutter\bin as its value
Now Restart your pc for changes to take effect
Now check everything is ok or not
open cmd and run flutter doctor as shown the below picture
Now open Android Studio and create new flutter project then
select your flutter sdk file to the location where we have
downloaded earlier and that's it
Extract downloaded file, just double click on that. and
just copy extracted folder and paste it to your desired
location (for example, Documents\flutter).
Update your path
Warning
Path variable needs to be updated to access “flutter”
command from terminal. you can just update path
variable for current terminal window only. and if
you want to access flutter commands from anywhere in
terminal, we need to update SDK path permanently.
To update PATH variable, we need to open terminal.
To update PATH variable for current terminal window only,
then enter this command "export
PATH="$PATH:`pwd`/flutter/bin"" and hit enter
key.
To update PATH variable permanently, then Open or create
.bash_profile file. to open or create that file,
then enter "sudo open -e $HOME/.bash_profile" and
hit enter key.
Append below line to bash_profile file at bottom of all
other content. "export
PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin""
as
[PATH_TO_FLUTTER_GIT_DIRECTORY] is actual path of SDK
folder.
Run this command on terminal "source
$HOME/.bash_profile" to refresh PATH variables.
Then check whether our SDK is successfully installed or
not.
You are now ready to run Flutter commands in the
Flutter Console!
Run "flutter doctor" into terminal, If you are
getting check list of flutter sdk requirements, it means
SDK is successfully installed on your machine. and you
can start building flutter apps on your machine.
If you find any issue during environment setup in
macos, please go online
Click here
Extract downloaded file, just double click on that. and
just copy extracted folder and paste it to your desired
location (for example, Documents\flutter).
Update your path
Warning
Path variable needs to be updated to access “flutter”
command from terminal. you can just update path
variable for current terminal window only. and if
you want to access flutter commands from anywhere in
terminal, we need to update SDK path permanently.
You’ll probably want to update this
variable permanently, so you can
run flutter commands in any terminal session. To update
PATH variable, we need
to open terminal.
Run source $HOME/.
to refresh the current window, or open a new
terminal window to automatically source the file.
Verify that the flutter/bin
directory is now in your PATH by running:
echo $PATH
Verify that the flutter
command is available by running:
which flutter
You are now ready to run Flutter commands in the Flutter
Console!
Laravel Configuration (Backend API)
Create Database
Upload the Codes in below directory based on your server
In Linux
Path: var/www/html/
In cPanel:
Inside File manager -> Path: public_html/
For database settings, open the .env file with a text editor and set
your database settings.
Note: .env is a hidden file, you can see it by opening directory to
a text editor.
Steps to be follow for getting started with the template:
Open and edit the /.env file and provide following details:
After that run in terminal or CMD, Note: Only necessary for those, who is
setup project first time.
php artisan migrate --seed
Note: When you update new code then
run in terminal or CMD for new table migration,
php artisan migrate
Please backup your code + database from server.,
Then Update your code with new code.
Note: Don't update .env file and storage & public folder. (In your backend code)
After that run php artisan migrate command for migration in your terminal. Note: If you dont have terminal then run migrations from url directly (your-domain-name/migrate).
Mail Configuration
Open and edit the /.env file and provide following details:
MAIL_MAILER=your mail mailer
MAIL_HOST=your mail host
MAIL_PORT=your mail port
MAIL_USERNAME=your mail id
MAIL_PASSWORD=your mail password
MAIL_ENCRYPTION=your mail encryption
Enter mail host name, mail port, mail username( Mail ID ), mail
password and mail encryption type.
Note
If you configure Gmail SMTP then, you have to Generate App
Password. Follow this link: Click Here
Onesignal Configuration
In Admin Panel Go to Setting -> Mobile Configuration -> ONESIGNAL
Open and edit the /.env file and provide following details:
If you want to enable onesignal notifications you have set,
ONESIGNAL_APP_ID, ONESIGNAL_REST_API_KEY.
You have to add this below line in .env file.
ONESIGNAL_DRIVER_APP_ID, ONESIGNAL_DRIVER_REST_API_KEY
Firebase Configuration
Create a Firebase Project:
Go to Firebase Console and create a new project.
Add an app to the project to get the configuration file.
Add Firebase Credentials:
Generate a private key in Firebase Console and download the JSON file.
Add the JSON file inside your Laravel project.
Configure Firebase in Laravel:
Add the Firebase credentials and database URL to your .env file.
Flutter is Google’s UI toolkit for building beautiful, natively
compiled applications for Mobile, Web, and Desktop from a single
codebase. It is gaining popularity rapidly due to its ease of
learning and development efficiency
Requirements
To develop a Flutter project, you will need the following
requirements:
Flutter SDK: Flutter is an open-source framework
developed by Google for building cross-platform applications.
You need to download and install the Flutter SDK, which includes
the Flutter framework, Dart programming language, and various
command-line tools.
Integrated Development Environment (IDE): While you can
use any text editor to write Flutter code, it is recommended to
use an IDE for
better productivity. The popular choices for Flutter development
are Android Studio, Visual Studio Code (with Flutter and Dart
extensions), and
IntelliJ IDEA (with Flutter plugin).
Dart programming language: Flutter uses the Dart
programming language. When you install the Flutter SDK, it
includes the Dart SDK as well.
You don't need to separately install Dart
Device setup: Depending on your target platform(s), you
will need to set up the necessary devices for testing your
Flutter app. For Android,
you need to have Android Studio installed and set up an Android
Virtual Device (AVD) or connect a physical Android device. For
iOS,
you need a Mac computer with Xcode installed.
Flutter dependencies: Depending on the specific
requirements of your project, you may need to include additional
Flutter dependencies.
These dependencies can be added to your project's pubspec.yaml
file, and Flutter's package manager, called pub, will handle the
installation
and management of these dependencies.
Firebase Account: There are various functionality which
require Firebase Setup. Features like Social Login , Chat Module
and Notifications.
Git: Although not mandatory, having a version control
system like Git is highly recommended for tracking changes in
your project and
collaborating with other developers if needed.
Additionally, having a basic understanding of programming concepts,
object-oriented programming (OOP), and the Flutter framework's
architecture will greatly help in developing Flutter projects
effectively.
Keep in mind that Flutter is a rapidly evolving framework, so it's a
good practice to stay updated with the latest releases and changes
by referring to the official Flutter documentation and community
resources.
Installation
Flutter & Dart SDK:
Ensure that you have Flutter and Dart SDK installed on your
system. These are essential for Flutter app development.
Git: Although not mandatory, having a version control system
like Git is highly recommended for tracking changes in your
project
and collaborating with other developers if needed.
Go to Preferences(on macOS) or Settings (on
Windows/Linux).
Select Plugins from the left sidebar.
Click on the Marketplace tab.
Search for "Flutter" in the search bar.
Install the "Flutter" plugin by clicking on the green Install
button.
Install "Dart" Plugin.
Restart Android Studio when prompted.
Visual Studio Code
Visual Studio Code
Go to the Extensions view by clicking on the square icon in the
Sidebar.
Search for "Flutter" in the Extensions Marketplace.
Click on the "Install" button for the "Flutter" extension
provided by the Flutter team.
Install "Dart" Plugin same way.
After installation, you may need to restart Visual Studio Code
to enable the extension.
IntelliJ IDEA
Open IntelliJ IDEA.
Go to File → Settings (on Windows/Linux) or IntelliJ
IDEA → Preferences (on macOS).
In the Settings/Preferences dialog, select Plugins from the
left sidebar.
Click on the Marketplace tab.
Search for "Flutter" in the search bar.
Install the "Flutter" plugin by clicking on the green install
button.
Install the "dart" plugin same way.
Restart IntelliJ IDEA when prompted.
Basic Setup
Here are the requirements for mobile configuration in Markdown
format:
Firebase
Firebase provides tools to grow your app and business, offering fully
managed backend infrastructure and features
for app development. Visit Firebase for more information.
Select the Android Module from the same project you're
attempting to open by going to File -> Open.
Navigate to Tools -> Flutter -> Android Studio -> Open
Android Module.
Change Application Name
Open android/app/src/main/AndroidManifest.xml and specify your
application name.
Change Application Icon
IMPORTANT
Android Studio includes a tool called Image Asset Studio that
helps you generate your own app icons from material icons,
custom images, and text strings. It generates a set of icons at
the appropriate resolution for each pixel density that your app
supports. Image Asset Studio places the newly generated icons in
density-specific folders under the res/ directory in your
project. At runtime, Android uses the appropriate resource based
on the screen density of the device your app is running on.
Image Asset Studio helps you generate the following icon types:
Launcher icons Adaptive & Legacy
Legacy Launcher Icon
Action bar and Tab Icons
Notification icons
Tv Banner
Tv Channel Icon
For More Details You can checkout Android Studio Editor Guide for
creating Android Icons.
Generate Icon Process
Configure Image Asset
Choose Icon type
Set Icon Name
Choose Asset Type
Customize Icon (Resize , Trim , Padding)
Confirm Icon Path
Choose Mode for Icon
Finish
Generate App Launcher Icon
Method 1 : Use Android Studio To Generate Launcher Icons
Go to android/app/src/main/res folder.
Right-click on the res folder and select
Image → Asset News.
INFO
Foreground Layer : The foreground layer is the primary part of
the icon that contains the main visual elements. It's the layer
that the user selects the source asset for, which can be an
image, clip art or text.
Background Layer : The background layer is the area behind the
foreground layer. It can be used to add a background color or
image element to the icon. If you don't want green background
for laucher Icon then set background layer suitable to your
Launcher Icon.
Choose Icon Type - "Launcher icons Adaptive & Legacy"
After extracting zip you get res folder replace it with your
android/app/src/main – res folder
Generate Notification Icon
Go to android/app/src/main/res folder.
Right-click on the res folder and select
New → Image Asset.
Choose Icon Type - "Notification"
Select the path of your Image and press Next.
Select App mode for app Icon.
Then Press Finish.
Change notification icon in Androidmanifest.xml
Navigate to android/app/src/main.
Open your Androidmanifest.xml and check for lines below. If not
exist just add this line
otherwise Paste the Name of Icon you just created into
“android:resource“.
INFO
Update notification icon name into "lib → utils →
push_notification_service.dart" Follow
the Steps mentioned in Flutter
Configuration
Add Google JSON File
INFO
As part of enabling Google APIs or Firebase services in your
Android application, you need to set up Firebase and download
the Google JSON file.
Click Here to set
up Firebase and download the Google JSON file.
Change Application ID
IMPORTANT
Every Android app has a unique application ID that looks like a
Java package name, such as com.example.myapp.
This ID uniquely identifies your app on the
device and in the Google Play Store. Once you publish your app,
you should never change the Application ID.
For Application ID, change the applicationId in the
app/build.gradle file.
Locate the build.gradle file at this path:
android/app/build.gradle.
Change The Version Name
IMPORTANT
The version name is a string value that represents the "friendly"
version name displayed to the users. The version name is
displayed to the user.
For Version Name, change the versionName in the
build.gradle file at the app level.
Locate the build.gradle file at this path:
android/app/build.gradle.
Change The Version Code
IMPORTANT
The version code is an incremental integer value that represents
the version of the application code.
The version code is used by the Google Play Store for new
updates. If you increase the version code, the update will be
visible to all users.
For Version Name, change the versionName in the
build.gradle file at the app level.
Locate the build.gradle file at this path:
android/app/build.gradle.
Change The App Name From Manifest File
IMPORTANT
To change the name of your Android application in Android Studio,
you have to change the value of the property
android:label defined inside the
node in
AndroidManifest.xml.
Setup Firebase
For Firebase setup, you just need to change the
android/app/google-services.json
file.
Create a new firebase account, register your application with
your package name.
Now download the google-services.json file and replace
with current.
To generate a signed APK (Android Package), follow these steps:
Open the build menu and Select Generate Signed Bundle/APK.Choose
APK and click Next.
Now you will have two options create a new Keystore or choose
existing keystore.
If you choose to create a new keystore:
A dialogue will appear, prompting you to specify the path of
the keystore and give it a name.
Enter your password and confirm it.
Select the alias name.
Confirm the password.
Enter any additional information if required.
Click OK to create your keystore.
If you choose to use an existing keystore, simply select it.
After selecting your keystore or creating a new one, click Next.
Choose the release mode and proceed with building the APK.
NOTE
If you intend to publish your app on the Google Play Store, you
will need the AAB (Android App Bundle) format. To create an AAB,
follow the same steps mentioned above, but in step 2, select the
AAB option instead of APK.
iOS Configuration
Open Project in Android Studio
Open android studio in your project.
Open terminal in android studio.
flutter pub get
Open terminal cd ios.
pod install.
run project in xcode.
Open Project in Xcode
Open Xcode on your Mac computer.
In Xcode, go to the File menu and select "Open" or use
the keyboard
shortcut
"Command + O".
Navigate to the directory of your Flutter project on
your computer.
Inside your Flutter project directory, locate the ios
folder and open
it.
Look for a file with the extension ".xcworkspace" or
".xcodeproj" within
the
ios folder.
This file represents your Xcode project for the Flutter
app
Select the ".xcworkspace" or ".xcodeproj" file and click
on the "Open"
button.
Xcode should then open your Flutter project, allowing you to
build, run, and
modify your iOS app using the Xcode IDE. Please note that
before opening
your
project in Xcode, you need to ensure that you have set up
Flutter and the
necessary dependencies for iOS development.
Change Bundle Name
Select your project file icon in the Group and Files
panel.
In the Xcode navigation pane, find and select your
project file (usually
denoted by the blue icon with your project name).
In the main editor area, you should see the project
settings. Select the
target for which you want to change the Bundle Name.
Targets are usually listed under the Targets section in
the project
settings.
With the target selected, navigate to the "Info" tab.
Scroll down to the "Custom iOS Target Properties"
section, and locate
the
"Bundle Name" key.
Double-click on the value field next to "Bundle Name"
and enter the
desired
name for your bundle.
After changing the Bundle Name, make sure to save your
changes by
clicking
on the "File" menu and selecting "Save" or
using the keyboard shortcut "Command + S".
By following these steps, you can change the Bundle Name for
your iOS target
in
Xcode.
Change Bundle Identifier
Bundle Id is a unique Identifier of your of app on iOS and
MacOS. iOS and MacOS
use it to recognise updates to your app. The identifier must
be unique for your
app.
Select your project file icon in Group and files panel.
Select General Tab.
After Select General tab you can see the details of your
application.
In Identity section, rename your Bundle identifier.
Here you need to add bundle id (Apple Unique
Identifier
for your application.) Whatever bundle identifier
you
put here, you need to put the same in the iOS
application.
Click Register App button
Click Download Plist file and store it in your
computer,
because we will need it in a second.
Go to your project you downloaded and navigate to
project folder
Find folder iOS and go inside
Find folder Runner and go inside
Replace the GoogleService-Info.plist file with the
one
you just downloaded
Google Map iOS
Open "AppDelegate.swift" file and add your api key
Setup Flutter Environment for
your System
Install Flutter SDK
Install Flutter SDK depending on your OS.
Extract the Zip.
Tip
To Keep Flutter SDK easily manageable we recommend few tips for
Storing sdk.
Create flutter_sdk folder.
Extract the zip into the "flutter_sdk" directory.
Rename the extracted directory with relevant flutter_version
(i.e If you
have installed flutter 3.22.0 than rename the directory as
"flutter_3_22_0")
Copy the Flutter path to the bin directory. (i.e - Right Click on bin
directory and open properties/info, you can see the full path to Flutter
"bin" directory)
How to build App and Run
Build and Run Your Application
Follow these steps to set up and run your application:
Download the Project:
Download the project from CodeCanyon and unzip it.
Locate the Mobile Apps Folder:
After unzipping the file, locate the mobile apps folder. Inside,
you'll
find two projects.
Choose Project to Open:
Optionally, you can copy both projects to a new location. For this
guide, we'll open the "user app" project.
Open Android Studio and click on the "Open" button.
Open Project in Android Studio:
Locate the project you want to work with and open it.
Enable Dart Support:
First, enable Dart support in the settings or by opening the
main.dart
file.
Look for the Enable Dart option in the right corner and click
on
it to enable Dart.
Get Dependencies:
After enabling Dart support, the Get Dependencies option will
appear.
Click on it to fetch the project dependencies. Any existing errors
should disappear automatically after this step.
info
If errors persist, try one of the following two steps:
Restart Android Studio.
Follow these steps:
Select Tools -> Flutter -> Flutter Clean
Select Tools -> Flutter -> Flutter Pub Get
Select Tools -> Flutter -> Flutter Upgrade
Select File -> Invalidate Caches / Restart
Connect Device or Launch Emulator:
Connect your device to the computer or launch the emulator.
Run the project after connecting the device and wait for it to
deploy on
the device.
The command will generate a JKS file in your android directory. The validity
of
the
keystore certificate is set to 10,000 days. If you don't add "-validity
", the default value will be 90 days.
Note: If you encounter an error like 'Command 'keytool' not
found', you'll also receive a suggestion to
install keytool. Follow the suggestion and execute the command to
install 'keytool'.
After installing keytool, run the 'keytool' command again and
complete
the process again.
Method 2 - Using Android Studio
Open your Android module. Wait for a while to complete the
import
process for the 'android' Gradle project.
Open the build menu from the Menu bar and Select
Generate
Signed Bundle/APK. Choose APK and click Next.
In the resulting dialog, for the Key store path field, choose
Create New to open the New Key Store dialog.
When you click on Create New it will open a dialog to
choose
keystore file.
Choose the path where you want to store your
keystore/jks
file. In this example we're storing it at android
directory of Project
Just Add keystore filename in File name field.
Add Keystore Password, Key Alias , Alias Password. Add
Details in Certificate section then press Ok.
info
These Keystore File Path,Keystore Password, Key Alias , Alias
Password, you've to set in keystore.properties file
which will
be
in android directory of project. If it's not available then just
right
click on android directory → New → File and name it as
'key.properties'. Then you can perform steps mentioned here
How to generate the SHA from Android Studio
Create a file in android folder of your project name key.properties if
not
exists.
Add properties and it's value below
Add following line to your Android/app/build.gradle file above the all
apply
plugin lines (Check if this line already exist or not)
Now in app:build.gradle android block check for below lines if not exist
Add
into your Android/app/build.gradle
Open your terminal and enter following command
Wait for a while it will generate your SHA Copy Both SHA1 and SHA256 for
variant
& config Debug and Release and add to Firebase
Certificate Signing Request
(CSR)
Creation and Installation Guide
Step 1: Create a Certificate Signing Request (CSR)
Open Keychain Access on your Mac.
Navigate to Keychain Access > Certificate Assistant > Request a
Certificate
from a Certificate Authority.
Add email address,and CA email Address and common name for the
certificate.
(You can use common name as your App Name)
Choose "Save To Disk"
Click Continue and save the CSR file to your computer.
Choose "Apple Push Notification service SSL (Sandbox & Production)" from
Service Section
Select the appropriate App ID for which you want to generate the
certificate.
Click Continue and upload the CSR file.
Download the certificate.
Step 3: Install the Certificate
Double-click the downloaded certificate file to install it in your
Keychain Access.
Go to Keychain Access > My Certificates and locate the newly
installed certificate.
Right-click (or control-click) on the certificate and select
Export.
Choose a location to save the certificate and select .p12 as the
file
format.
Enter a password and confirm it. Note - Store your password at safe
place
because whenever you'll run the
App XCode will ask for keychain access password. If you don't want to be
asked password everytime you run, you can keep password empty.
Flutter Configuration For Rider App & Driver App
Change Base URL
In the main directory, go to lib → Constants.dart and change DOMAIN_URL
DOMAIN_URL="ADD_YOUR_DOMAIN_URL"
Change MQTT URL
Go to lib/utils/Constants.dart-> change Mqtt url and port
number and also set your mqtt unic topic name same as .env
file
final client = MqttServerClient.withPort("ADD HERE YOUR URL", "", YOUR PORT NUMBER);
const MQTT_UNIQUE_TOPIC_NAME = 'ADD YOUR MQTT UNIQUE TOPIC NAME';
Change Primary Color
In the main directory, go to lib → utils → Colors.dart
Change One Signal Key
Go to lib/utils/Constants.dart
Note:
Generate two onesignal account
one for rider and one for driver
const mOneSignalAppIdDriver = 'ADD YOUR ONESIGNAL DRIVER APP ID';
const mOneSignalRestKeyDriver = 'ADD YOUR ONESIGNAL DRIVER REST API KEY';
const mOneSignalAppIdRider = 'ADD ONESIGNAL RIDER APP ID';
const mOneSignalRestKeyRider = 'ADD ONESIGNAL RIDER REST API KEY';
Add Firebase Option
Go to lib/utils/firebase_option.dart
Note:
if you create a web project in
the firebase project you will get firebase option you
can set the all value from that
update add firebase option
For iOS: Client id and Bundel id you will get from the
GoogleService-Info.json file
Flutter WebSite Configuration Taxi app
Change content for website
Go to assets/builder.json and change Content
Upload to server
After changes done go to terminal of android studio and run
the
below command
flutter build web --no-tree-shake-icons
After complete build go to build folder->create web zip &
upload that zip to server
OneSignal Configuration
Create onesignal project in your account Choose android platform
Go to your Firebase Console -> Project Settings -> Service account
and generate New private key
Now upload json file here
Choose Target SDK as Flutter
Now copy App ID as shown below
Go to lib/utils/Constants.dart and change mOneSignalAppId
Go to Setting -> Keys & IDs in OneSignal project and copy 'Rest API
Key'
You have connected android application to your Onesignal account
successfully
How to integrate firebase
Create A New Firebase Project
We are creating the "Flutter App" sample project
After completing the project, you will be presented with this type of dashboard
Go to the Project Settings and configure the Support Email.
Add App With The Package Name In Firebase Console
On the Firebase console, click the Android icon.
Enter Package Name (e.g., com.example.userApp) and click on register app.
After registering the app, you will receive the Google JSON file, download it and
save it to the android/app/ folder.
You have connected andorid application to your firebase project successfully
Now download the google-services.json file and replace with current.
Set Up Firebase Authentication
Go to Build -> Authentication tab and click on Get started.
Then select the Email/Password, Google, Apple one by one and enable them.
Re-check if all these 3 modes of authentication are enabled or not.
Add ios application to your firebase project
Get your bundle id from \ios\Runner.xcodeproj\project.pbxproj file or search
for PRODUCT_BUNDLE_IDENTIFIER and you will get following result
Enter your ios bundle id
You have connected ios application to your firebase project successfully
Now download the GoogleService-Info.plist file and replace with
current.
SHA Fingerprint
Info :
SHA-1 fingerprint is a unique key generated for your PC that can be used for
signing.
It is important to have in the add Firebase as we are using Google Login and OTP
Login, and to authorize these logins, we need a SHA Fingerprint certificate
Add a SHA fingerprint to Firebase:
Follow these steps if you didn't initially provide a SHA certificate fingerprint for
your Firebase Android app or if you need to add an additional one:
In your Project settings, go to the Your apps card.
Select the Firebase Android app to which you want to add a SHA fingerprint.
Click Add fingerprint.
Enter or paste the SHA fingerprint, then click Save
How to generate the SHA from Android Studio:
Info :
THERE ARE TWO TYPES OF SHA FINGERPRINT, RELEASE SHA FINGERPRINT, AND DEBUG SHA
FINGERPRINT. HERE WE WILL SEE HOW TO GENERATE BOTH TYPES OF SHA FINGERPRINT.
Enable Firebase Notification in Mobile for Both Android and iOS
Obtain Server Key from Firebase
Click on Project Overview → Settings → Cloud Messaging
In Cloud Messaging API (Legacy), click the three dots and select “Manage in
Google Cloud Console”
After the page is successfully redirected, open the Firebase Console again and
Refresh the Cloud Messaging tab to find the Server Key,
copy that key and set it in Admin Panel
Scroll down to the Apple app configuration section and select your iOS build
identifiers used for the Specific App.
You'll get an "Upload APNs Certificates" popup, then drag or select your
support.p12 certificate.
If you don't have .p12 Certificate then, First Generate .p12 Certificate. Here is
guide to Generate iOS Certificate
Create Firestore Database
Go to Firestore Database -> click on create database
Select Start in test mode and click on Next button.
Open lib/utils/constants.dart and change googleMapAPIKey.
const GOOGLE_MAP_API_KEY = 'ADD YOUR GOOGLE MAP KEY';
Open android/app/src/main/AndroidManifest.xml and change googleMapAPIKey.
Payment Gateway
Rozerpay Gateway
Welcome to Razorpay! In this guide, you will learn how to sign up for a Razorpay account
and obtain API keys necessary for
integrating Razorpay into your website or application.
RAZORPAY PAYMENT
Razorpay is the only payments solution in India which allows businesses to accept,
process and disburse payments with its product suite.It gives you access to all
payment modes including credit card, debit card, netbanking, UPI and popular wallets
including JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money and PayZapp.
Manage your marketplace, automate NEFT/RTGS/IMPS bank transfers, collect recurring
payments, share invoices with customers – all from a single platform. Fast forward
your business with Razorpay.
Click here For more details about
Razorpay payment gateway
If you have an existing Razorpay Developer
Account
Log in to the account.
Otherwise, Sign up and create a new business account.
After that you have to click on the Account & Settings option.
Select the API keys. We’ve included a screenshot below.
You will click on regenerated test key then a dialog will open in which Key
Id and key Key Secret be generated. We’ve included a screenshot
below.
NOTE
If you close the TEST MODE switch. Then you will get Live Key
Id and Key Secret.
Add Generated Keys To Admin Panels
Now you've successfully generated keys please navigate to Admin Panel and follow the
steps mentioned below
Navigate to Settings → Payment Method.
Enable the switch for Razorpay Payment.
Paste Secret Key under the Secret Key field and Key Id under the
App key fields.
Save the changes.
Congratulations! Your Razorpay configuration is done.
Test RazorPay
Here we have provided some of testing credentials for App -
If you want to add your new payment gateway then buy our paid support for the same.
Use Only in Test Mode
You can use these test cards to make payments in test mode only. Using these for live
mode payments will throw card issuer is invalid or invalid card input error.
Test Cards Details for RazorPay payment
There are several test cards you can use in test mode to make sure this integration
is ready. Use them with any CVC, postal code, and future expiration date.
Card Number
Expiry Date
CVV
Cardholder Name
4111 1111 1111 1111
12/25
123
Test User
Remove Razorpay Payment
REMOVE RAZORPAY PAYMENT
We are recommended you to follow only second Step if you don’t know about
dependency and code
If you want to remove Razorpay payment gateway option then follow below Steps:
Step 1- Go to pubspec.yaml and remove the ‘razorpay_flutter:
LATEST_VERSION’ from the file
razorpay_flutter: LATEST_VERSION
NOTE
If you have to remove dependency from pubspec.yaml then hit the pub get command.
now, remove the code related to razorpay_flutter.
Stripe Payment
Welcome to Stripe! In this guide, you will learn how to sign up for a Stripe account and
obtain API keys necessary for
integrating Stripe into your website or application.
STRIPE PAYMENT GATEWAY
Stripe is the best software platform for running an internet business.We handle billions
of dollars every year for forward-thinking businesses around the world.
Click here For more details about
the Stripe payment gateway.
If you have an existing Stripe Developer Account, Log in to the
account.
Otherwise, Sign
up and create a new business account.
If your login is successful then you need to click on developer options. We’ve included
a screenshot below.
Click on the API Keys Tab. We’ve included a screenshot below.
Here the publishable key and secret key will be generated. We’ve included a screenshot
below.
NOTE
Here if you can see a switch with label "Test mode" which is disable but it's
default value is true. Which means the keys you
generated are test keys. If you go through Account Activation then you'll be able to
toggle the Test Mode
If you click Activate Account and complete the account activation then you can create
live keys.
Here the publishable key and secret key will be generated for live. We’ve included a
screenshot below.
Add Generated Keys To Admin Panel
Now you've successfully generated keys please navigate to Admin Panel and follow the steps
mentioned below
Navigate to Settings → Payment Method.
Enable the switch for Stripe Payment.
Paste Secret Key under the Secret Key field and Publishable Key under the
App Key fields.
Save the changes.
Tip
Congratulations! Your Stripe Payment configuration is done.
Test Stripe Pay
Here we have provided some of testing credentials for App -
If you want to add your new payment gateway then buy our paid support for the same.
Use Only in Test Mode
You can use these test cards to make payments in test mode only. Using these for live
mode payments will throw card issuer is invalid or invalid card input error.
Test Cards Details for stripe payment
There are several test cards you can use in test mode to make sure this integration is
ready. Use them with any CVC, postal code, and future expiration date.
Name
Description
4242 4242 4242 4242
Succeeds and immediately processes the payment.
4000 0025 0000 3155
Requires authentication. Stripe will trigger a modal asking for the customer to
authenticate.
4000 0000 0000 9995
Always fails with a decline code of insufficient_funds.
Remove Stripe Payment
Remove Payment
We are recommended you to follow only second Step if you don’t know about dependency
and code If you want to remove Razorpay
payment gateway option then follow below Steps:
Step 1- Go to pubspec.yaml and remove the ‘flutter_stripe: LATEST_VERSION’
from the file
flutter_stripe: LATEST_VERSION
Common error
No matching client found for package name
If you encounter the error message "package_name" in
google-services.json is not matching with your
"applicationId" in the app gradle, it means that there is a mismatch
between the package name specified
in the google-services.json file and the applicationId defined in your app's
build.gradle file.
To resolve this issue, you need to ensure that the package name and application ID
are the same.
Here are the steps to follow:
Open the google-services.json file, which is typically located in the
android/app directory of your Flutter project.
Look for the package_name field in the google-services.json file. This should
match the package name you intend to use for your application.
Next, open the build.gradle file in the android/app directory of your project.
In the build.gradle file, locate the defaultConfig section. Inside this section,
you will find the
applicationId property. Make sure that the value of applicationId matches the
package name specified in the google-services.json file.
If the package name and application ID are not the same, update either the
package_name field in the
google-services.json file or the applicationId property in the build.gradle file
to match each other.
Save the changes made to both files.
Clean and rebuild your project to ensure that the changes take effect. You can
do this by running the
following command in the terminal within your project's root directory:
flutter clean flutter run
Following these steps should resolve the package name mismatch error and ensure
that
the google-services.json file and the build.gradle file have consistent package
names.
For more detailed information, you can refer to the Firebase Configuration
documentation.
Flutter SDK Not Available
Downloading the Flutter SDK
To get started with Flutter, you need to download the Flutter SDK and set up the SDK
folder path for your
future projects. There are several sources from where you can obtain the Flutter
SDK:
Clone from GitHub Repository: You can clone the Flutter SDK directly from
the official GitHub repository.
This allows you to have the latest version of the SDK and also gives you access
to the Flutter source code for advanced customization.
Download SDK Zip File: Alternatively, you can
download the Flutter SDK as a zip file.
After downloading, extract the contents of the zip file to a suitable location
on your computer.
Download Specific Version: If you prefer to use a
specific version of the Flutter SDK, you can visit the Flutter
website and download the desired version for your operating system (Mac,
Windows, Linux). This option is
useful if you need compatibility with older projects or want to avoid any
potential issues with the latest version.
Setting the SDK Folder Path
Once you have obtained the Flutter SDK, you need to configure the SDK folder path for
your future projects. Follow these steps:
Locate the folder where you extracted or cloned the Flutter SDK.
Take note of the complete path to the Flutter SDK folder on your computer.
In your development environment or project settings, specify the SDK folder path
to ensure
that your projects can access the Flutter framework and its associated tools.
By correctly setting the SDK folder path, you ensure that your future Flutter
projects can utilize the Flutter SDK and its
capabilities.
Remember to keep your Flutter SDK up to date by regularly
checking for updates and installing
newer versions when available. This helps you benefit from the latest features,
enhancements, and bug fixes provided by the Flutter community.
Download the SDK and point the SDK folder path in your future projects.
You can also Download
any version
(including older) from here (For Mac, Windows, Linux)
Use the SDK path in your future projects
iOS errors
List of common iOS issues
Framework not found & Linker command failed with exit code 1
If you encounter error given below
framework not found flutter
Linker command failed with exit code 1 (use -v to see invocation)
Before start please check your iOS deployment target in Xcode.
Step 1 -
In Mac check flutter
version in your global terminal and in Android studio's terminal.
If not same
then set Flutter SDK path for Global environment -
Setting up Flutter SDK Path Globally on macOS
Open Terminal: Launch the Terminal application. You can find it in the
Applications folder or search for
it using Spotlight (Cmd + Space, then type "Terminal").
Edit Your Shell Profile:
For Bash:
nano ~/.bash_profile
For Zsh:
nano ~/.zshrc
Add Flutter SDK Path: Add the following line at the end of the file:
export PATH="$PATH:/path/to/flutter/bin"
Replace /path/to/flutter with the actual path where Flutter is installed on your
system.
Save Changes: Press Ctrl + O to save the file, then press Enter. Press Ctrl + X
to exit the editor.
Apply Changes: In the Terminal, run:
For Bash:
source ~/.bash_profile
For Zsh:
source ~/.zshrc
Verify the Flutter version by running the command below -
flutter doctor --v
Setting up Flutter SDK Path in Android Studio on macOS
Follow these steps to set up the Flutter SDK path in Android Studio on macOS:
Open Android Studio: Launch Android Studio on your Mac.
Open Preferences:
Go to "Android Studio" in the menu bar.
Then, select "Preferences".
Access Flutter Settings:
In the left-hand pane, navigate to "Languages & Frameworks".
Then, select "Flutter".
Set Flutter SDK Path:
Look for the "Flutter SDK path" field.
Click on the folder icon next to it.
Navigate to the directory where Flutter is installed on your system and
select the Flutter SDK folder.
Apply Changes: After selecting the Flutter SDK path, click "Apply" or
"OK" to save the changes.
Restart Android Studio: Close and reopen Android Studio for the changes
to take effect.
After completing these steps, Android Studio will be configured to use the Flutter
SDK from the
specified path. This will enable you to create, edit, and run Flutter projects
seamlessly within Android Studio on macOS.
Step 2 - run this command in terminal
flutter clean; rm -rf Runner.xcworkspace; rm Podfile.lock; flutter pub get;
pod install if still issue is not fixed then move to the next step
If still issue is not fixed then move to the Step 3
Step 3 - Get the new Flutter SDK from the link below and replace it with you SDK.
If you the error like shown below while uploading app to Store follow the mentioned
step in image.
Solution : Follow the steps shown in Image.
Android errors
Unsupported gradle version 3.x
Fixing "Unsupported Gradle Version" Error
If you encounter the "Unsupported Gradle Version" error with a version number like
3.., you can follow these steps to resolve it:
Open your project in Android Studio.
Navigate to the android directory within your project's root directory.
Wait for the project indexing process to complete in Android Studio.
Once indexing is finished, run your application by selecting the Android module
in your project and clicking on the
"Run" button or using the appropriate keyboard shortcut.
By following these steps, you should be able to resolve the "Unsupported Gradle
Version" error and run your application successfully
If you continue to experience issues or encounter any other errors, make sure to
check for updates to your Gradle version
and ensure that it is compatible with your project requirements. Additionally,
consult the official documentation or seek support
from the Android Studio
community for further assistance.
FAQ
Migrate Database issue?
If you are facing a problem migrating database using command the
please follow the below steps.
Go to the main directory of download project then find
mightytaxi.sql file and import to the database.
symlink() has been disabled for security reasons?
When you get an error while run php artisan storage:link, please follow
the below steps :
As per envato policy installation, setup and configurations or modification
are not included in
free
support. Free support is only for any bug/ error in original code. we do not
provide
installation
and customization support in FREE SUPPORT.
Still, We are providing steps for How to update future release code to
existing source code for
your
knowledge purpose.
PLEASE DO NOT CREATE TICKETS IF YOU FACE ANY ISSUE
DURING UPDATE YOUR CODE.
WE WILL NOT PROVIDE ANY
SUPPORT ON THAT.
How to update future release code to existing source code
If you want which file changes are on the latest updated version then you
have to manage the git
repository by yourself.
For First time: Initial project downloaded from codecanyon server.
In your dashboard, click the green New project button or use the plus
icon in the navigation
bar. This opens the New project page.
On the New project page -> Create a blank project.
Step 3: Clone your project to your local system
1. Once project is created on your gitlab server. You have to clone the
project to your
local
system. You can clone it with the command line.
2. git clone “repository path”
3. Copy your project url and clone into your exiting system
4. Once successfully clone then system will create a folder on your
system
Step 4: Download project from codecanyon serverStep 5: Copy/paste your initial downloaded project to clone directories.
Once successfully downloaded project from codecanyon, copy/paste your
downloaded project into
clone
directories
Note
Only orignal source code is put here.
Step 6: Commit and push to gitlab server
Onces copy/paste your changes to clone directres, you have to push all files
to your gitlab
server.
For that use the following commands.
Before commit to server directores, you have to remove below folder from your
project
1. build
2. .idea
3. .gradle
After That follow below steps
1. Goto inside your clone directory project
2. Add your all files with “git add .” command
3. Now commit your changes with below command
4. git commit -m ‘initial commit’
Note
Write your latest version message instead of “initial commit”.
5. Push your changes to server with below command
“git push” And provide you gitlab credential details
6. Check your all changes to gitlab server
For Update existing code (If Already have old version of project)
Note
If you remove the project from the local system then clone the project
again from your
gitlab server. Follow the same above Step 3: Clone your project to your
local system
Step 1: Download the latest version from codecanyon server.
Once you will received mail for updates. Just download latest code from
codecanyon server.
Step 2: Copy/paste your initial downloaded project to clone directories.
Once successfully downloaded project from codecanyon, copy/paste your
downloaded project into
clone
directories
Note
Only orignal source code is put here.
Step 3: Commit and push to gitlab server
Follow same Step 6: Commit and push to gitlab server
Step 4: Check updated files
After committing your latest changes. Goto the gitlab project dashboard and
click on the commit
link.
Click on link which you have commit message on above steps 3
Now check the all changed file.
Click on “XYZ changed file” to see which file has been changed.
Change Log
Mighty Taxi Change Log
Version 13.0 – 03 Sept 2024
App Change Log:
Replaced:
Replace MQTT to firebase
Added:
Chat history based on ride
generated from backend
Display ride cost and distance on ride request
Cancel ride after ride accepted
New field added in bank details
Update:
Update all libraries to the latest flutter sdk 3.22.x
Fixed:
Bug Fixed
Paytabs payment issue fix
UI Enhancenment
Document upload validation set
Backend Changes
Replace MQTT to firebase
Generated Ride Invoice
New field added in bank details
Admin earning report
Driver earning report with export data functionality with Filter
Some UI Improvement
Code Enhancement
Upgrade php version to 8.1
kreait/laravel-firebase: laravel package - only work in php 8.1
Required ext-grpc - extension
Version 12.0 – 12 Mar 2024
Update:
Update all libraries to the latest flutter sdk 3.19.x
Fixed:
Bug Fixed
Version 11.0 – 17 Nov 2023
Update:
Update all libraries to the latest flutter sdk 3.13.x
Migrade to OneSignal 5.0.x
Migrade MQTT Unique topic
Added:
Admin
Ride Book From Admin
Driver App
Open trip route on Google map
Chnages:
Ui Enhancement In Rider and driver app
Code Enhancement
Remove:
Payment gateway is temporarily removed
Fixed:
Map Loading issue.
Bug Fixed
Version 10.0 – 18 Jul 2023
Added : Russian, Chinese, Korean, Japanese, Bengali, Armenian
Languages
Bug Fixed
Version 9.0 – 26 June 2023
Upgrade all library to sdk version 3.10.x
Added: Notification redirection
Bug fixed
Version 8.0 – 06 June 2023
Driver alert ring tone when there is an order coming in
Google sign in in Driver
Apple login in Driver & Rider
Comment box added when cancel Ride
Give camera option when upload image
Chat redirection when click on notification
Search address restricted in current country only
Bug fixed
Version 7.0 – 20 March 2023
Upgraded to the Latest Flutter 3.7.7 SDK
Bug fixed
Version 6.0 – 11 Feb 2023
Notification bug fixed
Bug fixed
Version 5.0 – 25 Jan 2023
Show all nearby taxi based on user's current location
Booking a ride for others
Show live location of all drivers into admin panel
Show more driver information for secure ride
Download transaction receipt
Show all earning history by drivers
Google signIn in rider app
Show driver earning in driver app
Bug fixed
Version 4.0 – 28 Dec 2022
Added Reply on complaints section
Chat Notification bug fixed
Bug fixed
Version 3.0 – 19 Dec 2022
Added: Rider Track Driver Location
Bug fixed
Version 2.0 – 19 Nov 2022
Payment Gateway added
Flutterwave
PayPal
PayTabs
Mercado Pago
Paytm
MyFatoorah
Language support
Urdu
Tamil
Panjabi
Bug fixed
Version 1.0 – 10 Nov 2022
Initial Release
Meet Mighty Help & Support
We like to hear you out when you get stuck or encounter difficulty with
our products. As soon
as you
buy one of our products – you can open a support ticket and share your
concern right away.
It is recommended that before submitting a ticket you take a close look
at product
documentation
(Docs folder in the
archive you have downloaded from Themeforest/Codecanyon). To get
technical support and
assistance,
you need to have a valid purchase code. You will find this when you
SignIn your
Codecanyon/Themeforest “Download” page.
Click on the product’s download link.
Please Note:
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,
post them on our support portal at https://support.meetmighty.com/
You can expect answer within 24-48 hours, usually as soon as possible in
the order they were
received.
Additionally, if any support ticket has no response from the item
owner for more than 7
days,
that support ticket will be closed by default. However, if you need
further assistance,
you can
create a new ticket.
All support requests are being processed on business days (Monday to
Saturday) from 9:00 to
18:00
(GMT +05.30). We are in GMT+5:30 time zone.
We address all the support queries 6 days weekly on the first-come,
first-solve basis
(Sundays off).
Do you have any pre-sales questions or concerns,
please write to us via our website contact page or email us at [email protected].
We like getting positive feedback from our customers, and this is why we
do our best to earn
it!
Write a review: https://codecanyon.net/downloads
How to solve .zsh not found issue?
Please follow one of the following methods to resolve the issue:
Method 1:
Go to finder
Open your user (main) folder
Press Control+Shift+. key then you will get all Hidden files
Find the .zshrc file
Add your Flutter SDK path
Save the changes
Restart your Android Studio
Run the project again
Method 2:
Open your terminal
Run the following command:
export PATH="$PATH:/path/to/flutter/bin"
Replace /path/to/flutter/bin with the actual path to your Flutter SDK bin
directory