flutter 两个可滚动小部件在与材质3 AppBar一起使用时发生碰撞

bjg7j2ky 于 2023-01-14 发布在 Flutter

关注(0)|答案(1)|浏览(132)

如何使水平滚动不影响应用栏颜色？
当使用材质3时，AppBar的背景在您开始滚动时会有一点变化。
问题是，当您添加第二个可滚动小部件时，它们会根据自己的滚动状态开始更改AppBar。
我不想这样，因为我想使水平滚动看起来像AppBar的一部分，但同时我想保持AppBar的表面色调
下面是一个例子：https://dartpad.dev/?id=02c1cfe26a13a41beacabfd3d52ff834

flutter

来源：https://stackoverflow.com/questions/75094633/two-scrollable-widgets-collide-when-used-along-material-3-appbar

1条答案

按热度按时间

du7egjpx1#

发生这种情况是因为您在代码中使用了surfacetintColor。它添加了一个背景，该背景具有您在参数中传递的颜色的一定程度的不透明度。您可以在scrolledUnderElevation属性的帮助下禁用色调颜色，并使用backgroundColor属性添加相同的背景：-

appBarTheme: const AppBarTheme(
  surfaceTintColor: Colors.black,
  scrolledUnderElevation: 0,
  backgroundColor: Color.fromARGB(255, 239, 235, 235) // set the desired appbar background color
),

赞(0）回复(0）举报 2023-01-14

我来回答

flutter 两个可滚动小部件在与材质3 AppBar一起使用时发生碰撞

1条答案

相关问题

热门标签

最新问答