How to Dynamically Change Page Title in Flutter Web

When building an app you can set its title by using MaterialApp’s title property.

MaterialApp(
  title: 'App Title',
  home: MyHomePage(),
)

Using title means you won’t be able to change it without rebuilding the entire tree. It is fine for an app. But when it is a web, the title should change to reflect the current page’s feature and for search engine (I haven’t confirmed this).

We have another solution.SystemChrome.setApplicationSwitcherDescription in package:flutter/services.dart will solve this perfectly.

Put these codes within build method of a screen

SystemChrome.setApplicationSwitcherDescription(ApplicationSwitcherDescription(
      label: 'My current page title',
      primaryColor: Theme.of(context).primaryColor.value,
    ));