如何在听 Bloc 时更改 appbar，我不想在脚手架上使用 bloc builder，而是想要在 AppBar 上使用 BlocBuidler？

Question

Scaffold(
        // extendBodyBehindAppBar: true,
        // extendBody: true,
        appBar: AppBar(
          centerTitle: false,
          brightness: Brightness.light,
          leading: IconButton(
              icon: const Icon(
                Icons.arrow_back,
              ),
              onPressed: () {
                Navigator.pop(context);
              }),
          title: const Text(
            'Go back',
          ),
          elevation: 0,
          backgroundColor: Colors.transparent,
        ),
      .
      .
      .
      bottomNavigationBar: BottomNavigationWidget()
    )//Scaffold;

简单地说，我想在底部导航项更改时更改我的应用程序栏。我无法使用 BlocBuilder<> 包装 AppBar，我该如何实现这一点？

Answer 1

您可以使用内部脚手架小部件

appBar: PreferredSize(
  child: CustomAppBar(),
  preferredSize: Size.fromHeight(56),
),

并创建另一个函数或类作为 CustomAppBar ，它返回 AppBar

return AppBar(
  title: Text(
    text ?? "Default Text",
  ),
);

并将文本作为参数传递，如果它为空，您可以为其设置一些默认文本。