Managing IFrame and WebView in Flutter for Web and Android

Guide to Implementing Platform-Specific Web Content in Flutter Apps

Photo by Nathan Fertig on Unsplash

I’ve written an article about handling file attachments to open the camera in WebView for Flutter apps [link]. Building on that, I expanded the sample project to include Flutter Web. I refactored some functionality to ensure compatibility for both mobile and web platforms. You can read about that process here [link].

In this article, I’ll provide another example to clarify the process further. By the end, you’ll learn how to display a WebView in Flutter for Android and an iframe in Flutter web within the same project.

In my first article, I demonstrated a demo Flutter app that allows you to display a WebView in Android and directly open the camera by clicking the “Choose File” button on the web.

attach a file on web view in flutter

Here is the complete code for the Android version:

👉 attaching a file and opening the camera from an iframe or web view in a Flutter application 👈

Since the code above only runs on Android, we need to refactor the code to be reusable for different…