Learn how to convert a PWA into a Flutter app using Flutter’s InAppWebView 6 plugin — In this article, we are going to convert a PWA (Progressive Web App) into a Flutter Mobile App for Android and iOS using the latest version 6 of the flutter_inappwebview plugin. What are Progressive Web Apps? Progressive Web App is a term that refers to web applications that are developed and loaded like regular web…

Learn how to leverage Flutter’s InAppWebView 6 plugin — Sometimes you may want to inject JavaScript code before or after the web page is loaded in order to add, replace or remove content from the web page or to change some web page logic. In this article, we are going to understand what User Scripts are and how we…

In this article, we are going to understand how to create a custom Content Blocker for our WebView instances using the flutter_inappwebview plugin. Content Blockers are usually used for blocking ads, but you can also block any other content. …

In this in-depth tutorial, I’m going to explain how you can communicate from Dart (Flutter WebView) to JavaScript and vice-versa using my flutter_inappwebview plugin (at the time of this writing, the latest release is 5.3.2). There are 3 main ways to enable this 2-way communication: JavaScript Handlers; Web Message Channels; …

Finally, after a lot of work, the new version 5 of the flutter_inappwebview plugin is out (at the time of this writing, the latest release is 5.2.0)! So, what’s new? What changed? Well.. a lot! Null-safety support InAppWebView 5 comes with Dart null-safety support! What does this mean? We know that the…

In this article, I’m going to show how to create a full-featured mobile Browser App such as the Google Chrome mobile browser using the features offered by the flutter_inappwebview plugin. Check out the previous article that introduces the flutter_inappwebview plugin here: InAppWebView: The Real Power of WebViews in Flutter. This…

What is flutter_inappwebview ? It’s a Flutter plugin that allows you to incorporate WebView widgets into your Flutter app, to use headless WebViews, or to use In-App browsers. So, what’s the difference between webview_flutter (Official flutter plugin) and flutter_webview_plugin ? Compared to all other WebView plugins, it is feature-rich: a…

This is the second part of a two-part series. You should read the first part “Jackson-js: Powerful JavaScript decorators to serialize/deserialize objects into JSON and vice versa (Part 1)”. In this article, I will give a simple example using the jackson-js library with Angular 9 for the client side and…

After many hours of development, I finally released the first version of the jackson-js library. As the name implies, jackson-js decorators are heavily inspired by the Java annotations of the famous Java FasterXML/jackson library. You can install it using npm install —-save jackson-js and it can be used on both…