如何在Flutter Web中动态更改应用程序标题？

debugcn 发表于 Dev

创造者或可能不是

Web应用程序通常在选项卡的标题中反映当前显示的内容。

将title参数提供给aMaterialApp或WidgetsApp意味着我不能在不重建整个树的情况下更改它，即setState在返回我的代码的顶层调用MaterialApp。

MaterialApp(
  title: 'Web app title',
  ...,
)

我希望能够改变应用的标题从任何地方在应用中的任何时间。我怎么做？

创造者或可能不是

Flutter中的动态应用程序标题

该应用程序的标题可以动态地改变在所有平台上使用SystemChrome.setApplicationSwitcherDescription：

@override
Widget build(BuildContext context) {
    SystemChrome.setApplicationSwitcherDescription(ApplicationSwitcherDescription(
      label: 'Dynamic web app title',
      primaryColor: Theme.of(context).primaryColor.value,
    ));


  return Container(...);
}

SystemChrome变得可用import 'package:flutter/services.dart';，你想打电话给setApplicationSwitcherDescription你的build方法。

这也是如何Title它（见源代码），这是由所使用的小部件WidgetsApp，MaterialApp等等。

因此，您也可以使用Title小部件来代替SystemChrome自己的访问：

@override
Widget build(Context context) {
  return Title(
    label: 'Dynamic app title',
    primaryColor: Theme.of(context).primaryColor.value,
    child: ..,
  );
}

`label`

该label参数非常简单：它精确地映射到title您的内容，MaterialApp而只是一个String。

`primaryColor`

该primaryColor决定颜色的系统可能在应用切换器的使用，例如在Android最近用过的标题栏的颜色。
这是一个int替代的Color，这就是为什么你需要打电话Color.value给你的原色转换为整数。

干扰其他`Title`小号

您可能会问自己，设置属性on时调用setApplicationSwitcherDescription或插入Title窗口小部件是否会引起任何问题。答案是：否，因为树中最深处的小部件将设置标题。从本质上讲，即使整个应用程序重建，您会后的所谓假设你在呼唤它的孩子，你会因此覆盖的称号。titleMaterialApp
setApplicationSwitcherDescriptionMaterialAppMaterialApp

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-04-2

我来说两句

0条评论

登录后参与评论

来自分类Dev

Related 相关文章

文章