fluterweb documentation

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.


A. Flutter sdk v2.5.3 stable. B. Android studio


  1. Open as existing project or Import as gradle project in android studio.
  2. 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
  3. 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.
  4. 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.
  5. 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"


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