Flutter is an open-source mobile application development SDK created by Google. It is used to develop applications for Android and iOS, as well as being the primary method of creating applications for Google Fuchsia, Flutter widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts to provide full native performance on both iOS and Android.
With Flutterweb, you can convert your website to android and ios app easily. No back-end or hosting is required.
REQUIREMENT & DOCS FOR ANDROID.
A. Flutter sdk v2.5.3 stable. B. Android studio
NOTE: USE ANDROID STUDIO FOR BEST EXPERIENCE.
- Open as existing project or Import as gradle project in android studio.
- Rename your package name: Follow this Guide – https://shishirthedev.medium.com/how-to-change-the-package-name-in-android-ad0593fcc747 or https://youtu.be/hwRpZatlxNM
- To change your App Name, navigate to Android > App > SRC > RES: Edit AndroidManifest.xml you will see Android Label = “Flutterweb”. change it to your own app name.
- How to add Firebase Push notification.. Follow this guide: https://alphatech.technology/Howto-Entry-srk/Google-Services-Json-bek/….. Replace your New google-services.json by Navigating to App.
- Change your key-store file: https://help.mazsystems.com/en/creating-an-android-keystore-file. ….. and replace it by navigating to App. or Generate it in android studio.
6. Navigaet to LIb folder edit Main_page.dart and change all the “codecanyon.net” to your own website URL.
And just run the following command
flutter pub get
- Change Package Name If you want to change the package name following the next stepsOpen /android/app/build.gradle and change the package name
defaultConfig {
applicationId "ENTER YOU PACKAGE NAME"
minSdkVersion 23
targetSdkVersion 29
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
}

- Change Package Name in manifests files Open /android/app/src/main/AndroidManifest.xml , /android/app/src/profil/AndroidManifest.xml, /android/app/src/debug/AndroidManifest.xml and specify:
YOUR PACKAGE NAME, YOUR APPLICATION NAME and YOUR GOOGLE MAPS KEY<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="YOUR PACKAGE NAME"> <application android:name="io.flutter.app.FlutterApplication" android:label="YOUR APPLICATION NAME" android:icon="@mipmap/ic_launcher"> <meta-data android:name="com.google.android.geo.API_KEY" android:value="YOUR GOOGLE MAPS KEY"/> <activity
- MainActivity.kt
Open /android/app/src/main/kotlin/Your Package name folders/MainActivity.kt and change the package name
- Drag and Drop Firebase Google-Service.json file
Open Android Studio and Drag and Drop Firebase Google-Service.json file into android/app folder
Build and Install your App
- After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app
flutter build apk --release
If you are deploying the app to the Play Store, it’s recommended to use app bundles or split the APK to reduce the APK size. To generate an app bundle, run:
flutter build appbundle --target-platform android-arm,android-arm64,android-x64
Learn more on https://developer.android.com/guide/app-bundle To split the APKs per ABI, run:
flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi
Learn more on https://developer.android.com/studio/build/configure-apk-splits#configure-abi-split
You should get the APK file in the build/output/apk folder, to install your application on your connected device run the following command
flutter install
If you want to upload your application on Google Play you must sign it before uploading, generate a signing key by running the following command:
keytool -genkey -v -keystore android/app/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
Open /android/app/build.gradle and edit the following attributes after that re-build your application:
signingConfigs {
release {
storeFile file("key.jks")
storePassword "password"
keyAlias "key name"
keyPassword "key password"
}
}
IOS DOC
Firebase Notifications for iOS platform
- For iOS platform follow all the steps which are mentioned on firebase console.
- For this you must have enrolled apple developer account.
- Register your application with updated bundle id.
- Configure push notification and download development and distribution certificates.
- Add those certificates to your system keychain with double click on that certificates.
- Generate .p12 certificates and add both the certificates on firebase console.
- Download GoogleService-Info.plist file.
- Drag and Drop that file on ios -> runner folder.

Register new identifier

Configure Push Notification on Developer Account

Add .p12 certificates to Firebase Console.
Thanks for watching.
SUPPORT EMAIL: Info@odince.net