考虑这张图片。如您所见,它有一个应用栏,而应用栏有选项卡式按钮。 我正在尝试为 appbar 设置动画,以便它在向上滚动时隐藏并只留下选项卡按钮显示,并且在向上滚动时 appbar 出现。请帮帮我。抱歉英语不好,不是美国人,我也不是英语
最佳答案
如果我理解正确,以下代码应该使应用栏在滚动时隐藏,而 TabBar 保持可见:
空安全码:
class _SomePageState extends State<SomePage> with SingleTickerProviderStateMixin {
late final TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 2, vsync: this);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverAppBar(
title: Text('Weight Tracker'),
pinned: true,
floating: true,
forceElevated: innerBoxIsScrolled,
bottom: TabBar(
tabs: <Tab>[
Tab(text: 'STATISTICS'),
Tab(text: 'HISTORY'),
],
controller: _tabController,
),
),
];
},
body: TabBarView(
controller: _tabController,
children: <Widget>[
StatisticsPage(),
HistoryPage(),
],
),
),
);
}
}
示例来自 this post .
https://stackoverflow.com/questions/51948252/