Abrova
☰ Docs menu · New versions (web)

New versions (web)

View as Markdown

Show people that a new version of your Flutter web app is out, with a Reload button, and require an update when an old version must stop.

Step 1: Start it and show the prompt#

abrova_web 0.2.0 or later (see Install guide):

dart
import 'package:abrova_web/abrova_web.dart';

void main() {
  AbrovaWebUpdates.start();
  runApp(MaterialApp(
    builder: (context, child) => AbrovaUpdateGate(child: child!),
    home: const HomePage(),
  ));
}

// Where people look, for example at the top of the home page:
AbrovaUpdatePrompt(icon: Image.asset('assets/icon.png'))

AbrovaUpdatePrompt shows "New version available" with Reload and Later after each deploy. It checks when the app opens, when it comes back to the front, and every 10 minutes.

Step 2: Require an update#

Add web/update.json to your app:

json
{ "minimum": "0.6.0", "notes": { "en": "Faster sign-in.", "fa": "ورود سریع‌تر." } }

A page running an older version than minimum is covered by AbrovaUpdateGate until it reloads. notes is shown as "What's new" in both.

Step 3: The running version#

AbrovaWebUpdates.runningVersion is the version running in the page. Use it in your own update logic on the web: package_info_plus reads the server's version.json, which is already the new version after a deploy.

Was this page helpful?
Report a problem

Last updated: 15 Nov 2026