{"id":29238,"date":"2023-11-06T18:05:14","date_gmt":"2023-11-06T12:35:14","guid":{"rendered":"https:\/\/mobisoftinfotech.com\/resources\/?p=29238"},"modified":"2026-04-22T11:33:07","modified_gmt":"2026-04-22T06:03:07","slug":"how-to-add-flutter-screens-to-android-app","status":"publish","type":"post","link":"https:\/\/mobisoftinfotech.com\/resources\/blog\/how-to-add-flutter-screens-to-android-app","title":{"rendered":"How to Add Screens Designed in Flutter into Your Android App (Part 2)"},"content":{"rendered":"

In Part 1<\/a>, we introduced the integration of Flutter modules in your iOS app. Now, in part 2, we\u2019re ready to take the next step in your <\/span>Flutter app development<\/span><\/a> journey. We will implement a simple demo Android application that will feature a few screens designed in Flutter. Our goal is to seamlessly embed the Flutter module into our Android app as an Android Archive (AAR).<\/span><\/p>\n\n\n\n

If you haven’t already created a Flutter module, it’s crucial to follow the initial two steps outlined in our Part 1 series. This will provide the foundation for the integration we’re about to discuss.<\/span><\/p>\n\n\n\n

In this blog post, we will be focusing on the heart of the matter – Integrating a Flutter module into your Android project. So let\u2019s get started. <\/span><\/p>\n\n\n\n

Step 1: Generate Android Archive from the Flutter Module<\/strong><\/span><\/h2>\n\n\n\n

The Flutter documentation explains that there are a couple of ways to <\/span>add the Flutter module as a dependency of your existing app in Gradle. <\/span>However, we’ll be focusing on Option 1 mentioned there, which is called “<\/span>Android Archive<\/b>“.<\/span><\/p>\n\n\n\n

Before generating the Android Archive, we need to make sure that we have defined an entry point function to be invoked by the native app. <\/span><\/p>\n\n\n\n

In our main.dart file located under mi_flutter_module\/lib folder, add the following entry point function. This function will be called from the Android app.<\/span><\/p>\n\n\n

@pragma(\"vm:entry-point\"<\/span>)\nvoid<\/span> loadFromNative() async<\/span> {\nWidgetsFlutterBinding.ensureInitialized();\nrunApp(const<\/span> MyApp());\n}\n<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
To generate the Android Archive (AAR), run the following command in your mi_flutter_module directory. This command will generate 3 frameworks for Debug, Profile, and Release.<\/span><\/p>\n\n\n
flutter build aar<\/code><\/span><\/pre>\n\n\n
Step 2: Configuring and Integrating Android Archive (AAR) in Android Project<\/h2>\n\n\n\n