DEV Community

Cover image for Add Flutter View to Native Android Application
Raksha for Canopas Software

Posted on

1

Add Flutter View to Native Android Application

How to integrate the flutter app into the existing android app?

Today you will learn how to add Flutter views to android native components like activity or fragment.

With the add-to-app feature, we can add flutter UI to our existing app, as it’s not always possible to migrate the whole app into Flutter all at once. We can add the Flutter project as a library or module to our Native app.

Here's what you will learn in this post.

You will learn to implement a simple demo application in android which will have two Flutter pages. On the first page, we'll show a list of users, and the second screen will be the user detail screen.

Then we will embed the flutter module in our android native application as an AAR Library.

The article is divided into 4 logical steps to make understanding easier.

Create Flutter module
Generate AAR files from the module
Integrate the flutter module into the android app
Configure Activity to make use of Flutter view

For implementation,visit our blog to read full version of this article.

Sentry mobile image

Mobile Vitals: A first step to Faster Apps

Slow startup times, UI hangs, and frozen frames frustrate users—but they’re also fixable. Mobile Vitals help you measure and understand these performance issues so you can optimize your app’s speed and responsiveness. Learn how to use them to reduce friction and improve user experience.

Read the guide →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay