Integrate a Flutter module into your Kotlin native Android app

Video on youtube explaining in detail how it works: https://www.youtube.com/watch?v=lPp978ImSkE

Article on medium explaining in detail how it works: https://medium.com/@FlavioAro/how-to-integrate-a-flutter-module-into-your-native-android-application-52c41eeb6154

Example

Getting Started

to start the project access the AndroidApp project in Android Studio and do a 'sync'

File > Sync Project with Gradle Files

Documentation

Integrate a Flutter module into your Android project: https://docs.flutter.dev/development/add-to-app/android/project-setup#manual-integration

Adding a Flutter screen to an Android app: https://docs.flutter.dev/development/add-to-app/android/add-flutter-screen?tab=default-activity-launch-kotlin-tab

Create a Flutter module

flutter create -t module --org com.example flutter_module

Add the Flutter module as a dependency

flutter build aar

In the AndroidApp project, below are the steps to implement the module:

Add the profile build type to app/build.gradle

    android {
      buildTypes {
        // ...
        profile {
          initWith debug
        }
      }
    }

Add depend on the Flutter module to app/build.gradle

    dependencies {
      // ...
      debugImplementation 'com.example.flutter_module:flutter_debug:1.0'
      profileImplementation 'com.example.flutter_module:flutter_profile:1.0'
      releaseImplementation 'com.example.flutter_module:flutter_release:1.0'
    }

Add url in build to settings.gradle

      repositories {
        // ...
        maven {
            url '../flutter_module/build/host/outputs/repo'
        }
        maven {
            url "https://storage.googleapis.com/download.flutter.io"
        }
      }

Add FlutterActivity to AndroidManifest.xml

 <activity
   android:name="io.flutter.embedding.android.FlutterActivity"
   android:theme="@style/LaunchTheme"
   android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
   android:hardwareAccelerated="true"
   android:windowSoftInputMode="adjustResize"
   />

Add import Launch FlutterActivity to MainActivity.kt

   import io.flutter.embedding.android.FlutterActivity

Kotlin code example

Start the flutter module:

 myButton.setOnClickListener {
   startActivity(
     FlutterActivity.createDefaultIntent(this)
   )
 }

Access a specific screen, through a route:

 myButton.setOnClickListener {
   startActivity(
     FlutterActivity
       .withNewEngine()
       .initialRoute("/my_route")
       .build(this)
   )
 }