Manually Change App Name
In main directory Go to app -> src -> main -> AndroidManifest.xml
Change YOUR_APP_NAME to your app name
Androi:label=""
ProZigzagBusWebsite: Your Route to Seamless Travel! Unlock Hassle-Free Bus Booking with Our Revolutionary Online Reservation System - Your Ultimate RedBus Clone Solution!
Paving the Way for Effortless Journeys with Our Cutting-Edge Online Bus Ticket Booking App and Reservation System. Access ProZigzagBusWebsite anytime, anywhere, with our user-friendly mobile app – your travel companion on the go!
In addition, ProZigzagBusWebsite provides detailed analytics, giving vendors insights into sales trends, popular products, and customer behavior. This information can help vendors make data-driven decisions to improve their business.
Embark on a New Era of Bus Travel – ProZigzagBusWebsite is Your Complete Solution for Effortless, Secure, and Enjoyable Bus Booking Experiences!
It comes with 10000+ hours save time for custome app development. It works great with both android and iOS.
The same code is used for iOS and Android
Android Studio: Android Studio Flamingo | 2022.2.1 Patch 2
Flutter: 3.16.5
Dart version: 3.2.3
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. It is very easy to learn and currently it is getting more and more popular. With this blog post, you will learn some basic stuff about Flutter and after reading it, you will be able to create a simple application using this technology.
Click here to check out more details about flutter.
Prerequisite
Step 1 : Get the Flutter SDK
1 Download the following installation bundle to get the latest stable release of the Flutter SDK:
2 Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).
Step 2 : Update your path
If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable: From the Start search bar, enter ‘env’ and select Edit environment variables for your account. Under User variables check if there is an entry called Path:
Step 3 : Run flutter doctor
From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup:
c:\src\flutter>flutter doctorStep 1 : Get the Flutter SDK
Step 2 : Update your path
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
Step 1 : Get the Flutter SDK
Step 2 : Update your path
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.
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"source $HOME/. to refresh the current window, or open a new terminal window to automatically source the file.flutter/bin directory is now in your PATH by running:echo $PATHVerify that the flutter command is available by running:
which flutterImportant
All below steps are must be followed to build and run application
Download Project
Download and find the your project folder, use your preferred IDE (Android Studio / Visual Studio Code / IntelliJ IDEA) to run the project.
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.
flutter pub get Important
All below steps are must be followed to build and run application
Build and Run App
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
flutter runYou 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.
Change Application Name
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<application
android:name="io.flutter.app.FlutterApplication"
android:label="YOUR_APPLICATION_NAME"
android:icon="@mipmap/ic_launcher">
<activity>
Change Favicon Icon
See How to generate an application icon?
Change Application ID
defaultConfig {
applicationId "YOUR_APPLICATION_ID"
minSdkVersion 21
targetSdkVersion 33
versionCode 1
versionName "1.0.0"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}
Generate Web Build Folder
Change Application Name
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<application
android:name="io.flutter.app.FlutterApplication"
android:label="YOUR_APPLICATION_NAME"
android:icon="@mipmap/ic_launcher">
<activity>
Change Application Icon
See How to generate an application icon?
Change Application ID
defaultConfig {
applicationId "YOUR_APPLICATION_ID"
minSdkVersion 21
targetSdkVersion 31
versionCode 1
versionName "1.0.0"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}
Generate Signed APK
Select Build variants - release and Signature versions both V1 and V2 respectively as shown above screen shot and click Finish button.
Open Project in Android Studio
Open Project in Xcode
Change Bundle Name
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.
Change App Icons
In main directory Go to app -> src -> main -> AndroidManifest.xml
Change YOUR_APP_NAME to your app name
Androi:label=""
Email : admin
Password : admin@123
For database settings, open the inc/Connection.php file with a text editor and set your database settings.
Enter database name, database username, database password and the host details
In Main directory goto the utils folder and open config.dart file and change your BASE_URL value.
const BASE_URL="ADD YOUR BASE URL/api";
Open your Admin login page and copy the URL.
Create a Firebase project
Before you can add Firebase to your Flutter app, you need to create a Firebase project to connect to your app. Visit Understand Firebase Projects to learn more about Firebase projects.
Visit for more information on how to setup for Android
Visit for more information on how to setup for iOS
Visit for more information on how to setup for Web
Register your app with Firebase
Add a Firebase configuration file
Next, go to the Authentication menu in Sidebar and enable the Phone Authentication option as shown in the above image.
Follow the instruction for enabling Firebase services in your Android app here
Generate SigningReport
You need to generate SigningReport For add Sha1 and Sha-256 key for firebase Project Settings.
Add Sha1 and Sha256 key in firebase
After generate key you can add on firebase from project settings.
Create a OneSignal Account and Make 3 different projects inside
One Signal is used for send the push notification into mobile or web. for more detail about OneSignal Documentation.
if you have own OneSignal then login and create project. if you does not then register account and create project
Follow below steps
Step 1: Create onesignal project in your account Choose android platform
Step 2: Go to your Firebase Console-> Project Settings -> Cloud Messgaing and copy 'Server Key' and 'Server ID'
Step 3: Now paste those values one by one here
Step 4: Choose Target SDK as Flutter
Step 5: Now copy App ID as shown below
Step 6: Paste this App ID here
static const String oneSignel ="ADD YOUR APP ID";
Step 7: If you didn't have copy app id before then you can get Onesignal App ID from this settings here and paste it to admin setting tab
Step 8: Onesignal App ID & Rest Api Key paste it to admin setting tab
Download the SDK and point the SDK folder path in your future projects.
There are different sources you can try
Message: Authorization header not found
Note: If you faced this error during development then this error due to header not set on your admin panel
Solution: Just check Enable JWT Authentication section wordpress document to resolve this issue
1. Open project_root_directory/android in Android Studio
2. Wait for indexing
3. Now run your application from android module
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. Skype CSCODETECH or email: cscodetechuser@gmail.com
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.
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!
You can expect answer within 24-48 hours, usually as soon as possible in the order they were received.
All support requests are being processed on business days (Monday to Friday) from 10:00 to 18:00 (GMT +05.30). We are in GMT+5:30 time zone. We address all the support queries 5 days weekly on the first-come, first-solve basis (Saturday, Sundays off).
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
Thank you for purchasing our application! We're glad that you found what you were looking for. It is our goal that you are always happy with what you bought from us, so please let us know if your buying experience was anything short of excellent. We look forward to seeing you again.
