admin管理员组文章数量:1535782
2024年3月28日发(作者:)
flutter,SliverPersistentHeader实现Tab顶部吸附固定效果
直接上代码啦
import 'package:flutter/';
class StickyDemo extends StatefulWidget {
@override
_StickyDemoState createState() => _StickyDemoState();
}
class _StickyDemoState extends State
with SingleTickerProviderStateMixin {
TabController tabController;
@override
void initState() {
ate();
troller = TabController(length: 2, vsync: this);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers:
SliverAppBar(
pinned: true,
elevation: 0,
expandedHeight: 250,
flexibleSpace: FlexibleSpaceBar(
title: Text('Sliver-sticky效果'),
background: k(
'/',
fit: ,
),
),
),
SliverPersistentHeader(
pinned: true,
delegate: StickyTabBarDelegate(
child: TabBar(
labelColor: ,
controller: troller,
tabs:
Tab(text: 'Home'),
Tab(text: 'Profile'),
],
),
),
),
SliverFillRemaining(
child: TabBarView(
controller: troller,
children:
Center(child: Text('Content of Home')),
Center(child: Text('Content of Profile')),
],
),
),
],
),
);
}
}
class StickyTabBarDelegate extends SliverPersistentHeaderDelegate {
final TabBar child;
StickyTabBarDelegate({@required });
@override
Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
return ;
}
@override
double get maxExtent => ;
@override
double get minExtent => ;
版权声明:本文标题:flutter,SliverPersistentHeader实现Tab顶部吸附固定效果 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1711610451a318323.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论