gpt4 book ai didi

flutter - 如何在 Flutter 中删除 tabbarview 的蓝色/灰色滚动动画?

转载 作者:行者123 更新时间:2023-12-03 22:04:51 29 4
gpt4 key购买 nike

当从一个页面滑动到另一个启动画面时,我有一个 TabBarview 出现在页面的最一侧。
我不希望飞溅高光出现在两侧。

尽管 tabbarview 具有物理特性,并且当设置为 bouncingscrollphysics() 时,此形状不应该出现,就像 ListView 中出现的那样,但没有任何改变。

尝试了另一种解决方案:我用主题包装了 tabbarview 并将高亮颜色和飞溅颜色更改为 colors.transparent 但这也不起作用。这是我的 TabBarview 的代码。
这是用户界面,以及它的外观。

enter image description here

 Theme(
data: new ThemeData(
splashColor: Colors.transparent,
highlightColor: Colors.transparent),
child: TabBarView(
physics: BouncingScrollPhysics(),
controller: _controller,
children: model.types.map((String type) {
List<Subscription> subssOfThisType =
model.historySubscription.where((Subscription sub) {
return sub.package.name == type;
}).toList();

final cards = subssOfThisType.map(
(s) {
return HistoryCard(
sub: s,
);
},
).toList();

return ListView(
physics: BouncingScrollPhysics(),
padding:
EdgeInsets.symmetric(horizontal: 14, vertical: 8),
children: cards ?? Container(),
);
}).toList(),
),
)

最佳答案

如果您不想在 TabBar hten 的原始代码中进行一些重大更改,请使用以下包

https://pub.dev/packages/flutter_tab_bar_no_ripple

=== 对于您的用例 ===

为了简单起见……将物理更改为 BouncingScrollPhysics()

如果您不想要那种有弹性的效果,请查看下面的链接

https://stackoverflow.com/a/51119796/10104608

关于flutter - 如何在 Flutter 中删除 tabbarview 的蓝色/灰色滚动动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57712801/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com