How To Disable Cache In Webview Using Flutter Android App

Posted By Bajarangi soft , Posted On 27-11-2020

in this Google flutter code example we are going to learn how to disable Cache in Flutter WebView.

Disable Cache In Webview

Step 1
We cannot directly remove the time stamp from Disable Cache In Webview but using the intl.dart package we can easily filter the date stamp from time stamp. So open your flutter project’s pubspec.yaml in code .

dependencies:
  flutter:
    sdk: flutter
  flutter_webview_plugin: 0.3.0+2

Step 2
After done saving the pubspec.yaml file, Open your flutter project root folder in Command Prompt or Terminal and execute flutter pub get command.

flutter pub get

Complete Code For Disable Cache In Webview In Flutter
main.dart

import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatefulWidget{
  @override
  State<StatefulWidget> createState() => MyHomePageState();
}

class MyHomePageState extends State<MyHomePage> {
  Widget build(BuildContext context) {
    return WebviewScaffold(
      url: 'https://bajarangisoft.com/',
      hidden: true,
      appCacheEnabled: false,
      appBar: AppBar(
        backgroundColor: Colors.amber,
          title: Text("Disable Cache In Webview")),
    );
  }
}