我在一个小部件中使用了SliverAppBar,其代码如下所示;

import 'package:flutter/material.dart';

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        physics: const BouncingScrollPhysics(),
        slivers: [
          SliverAppBar(
            pinned: true,
            floating: false,
            snap: false,
            backgroundColor: Theme.of(context).appBarTheme.backgroundColor,
            elevation: 1,
            expandedHeight: 100.0,
            flexibleSpace: FlexibleSpaceBar(
              background: Image.asset(
                'assets/images/content/Update.png',
                fit: BoxFit.cover,
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) => ListTile(title: Text('Item #$index')),
              childCount: 1000,
            ),
          )
        ],
      ),
    );
  }
}

我的主题数据已配置为如下所示;

final theme = ThemeData(
  useMaterial3: true,
  colorScheme: ColorScheme.fromSeed(
    seedColor: const Color.fromARGB(255, 41, 41, 41),
    primary: const Color.fromARGB(255, 41, 41, 41),
    primaryContainer: const Color.fromARGB(20, 41, 41, 41),
    secondary: const Color.fromARGB(255, 80, 80, 80),
    background: const Color.fromARGB(255, 255, 255, 255),
  ),
  textTheme: GoogleFonts.poppinsTextTheme(),
  appBarTheme: const AppBarTheme(
    backgroundColor: Color.fromARGB(255, 255, 255, 255),
  ),
  splashFactory: NoSplash.splashFactory,
);

当我滚动时,SliverAppBar有一种奇怪的蓝色色彩,我不知道为什么会这样,也不知道为什么会这样.我希望应用程序栏有背景的 colored颜色 或只是"透明",以便它看起来像是作为一个单一的单位整个页面的一部分.目前,与整个页面相比,它看起来是另一回事.

enter image description here enter image description here

另一个解决办法是创建一个定制的appbar,当检测到滚动时,它将"固定"到顶部,但我想使用appbar方法.

推荐答案

之所以会发生这种情况,是因为在滚动所有AppBar和Sliver AppBars时,您指定的material 透明度本身默认设置为FALSE.

要删除它们,请设置

forceMaterialTransparency: true

它肯定会奏效的.如果没有,请告诉我:) 如果对你有帮助,请在答案上做个记号.

Flutter相关问答推荐

Flutter -如何从布局填充(对称水平)中排除小部件?

Riverpod状态管理-在调用请求时更新用户界面

在框中保存对象列表时,类型推断无法正常工作

在 flutter 吧蜂巢中拯救主题

上传的图像不能在FireBase中预览.S档案类型为空白,摆动

如何使用providerContainer监听/写入FutureProvider?

Flutter:我的应用程序是否需要包含退款购买?

无状态和有状态小部件,我可以同时使用吗?

创建混合 TextWidget 和 TextFieldWidget

在允许屏幕 Select 和点击的同时保持通用对话框显示

如何设置行中项目之间的空格相等?

在 Flutter 中读取 Firebase 数据库数据时遇到问题

flutter 创建一个带有 2 个图标的按钮

容器在发布模式下显示灰色框(抖动)

为什么 setState 不改变我的变量 Flutter?

CircleAvatar 在 ListTile 中领先

如何在 flutter 中更改日期 Select 器 colored颜色 ?

Positioned 的宽度或 SizedBox 的宽度都不适用于堆栈小部件 - Flutter

Flutter Firestore 数据库排序最近 24 小时内最喜欢的文档

阴影效果只出现在一张卡片的左边 在Flutter 中?