栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

带有选项卡的Flutter SliverAppBar覆盖内容

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

带有选项卡的Flutter SliverAppBar覆盖内容

如果有人遇到相同的问题,我要解决的方法是使用:https
:
//pub.dartlang.org/packages/extended_nested_scroll_view

例:

class _MatchFragmentState extends State<MatchFragment> with TickerProviderStateMixin {  TabController primaryTC;  @override  void initState() {    primaryTC = new TabController(length: 3, vsync: this);    super.initState();  }@overrideWidget build(BuildContext context) {final double statusBarHeight = MediaQuery.of(context).padding.top;//var tabBarHeight = primaryTabBar.preferredSize.height;var pinnedHeaderHeight =//statusBar heightstatusBarHeight +    //pinned SliverAppBar height in header    kToolbarHeight;return Scaffold(    body: NestedScrollViewRefreshIndicator(      onRefresh: onRefresh,      child: ExtendedNestedScrollView(          headerSliverBuilder: (c, f) { return <Widget>[   SliverAppBar(     pinned: true,     expandedHeight: kExpandedHeight,     title: Text('Title'),     flexibleSpace: FlexibleSpaceBar(         background: Image.network(   "https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",   fit: BoxFit.cover, ))     ),   ) ];          },          pinnedHeaderSliverHeight: pinnedHeaderHeight,          keepOnlyOneInnerNestedScrollPositionActive: true,          body: Column( children: <Widget>[   TabBar(     controller: primaryTC,     labelColor: Colors.black87,     unselectedLabelColor: Colors.grey,     tabs: [       Tab(text: "Tab1"),       Tab(text: "Tab2"),       Tab(text: "Tab3"),     ],   ),   Expanded(     child: TabBarView(       controller: primaryTC,       children: <Widget>[         new Tab1Screen(),         new Tab2Screen(),         new Tab3Screen()       ],     ),   ) ],          )        ),      )    );  }}Future<Null> onRefresh() {  final Completer<Null> completer = new Completer<Null>();  new Timer(const Duration(seconds: 1), () {    completer.complete(null);  });  return completer.future.then((_) {});}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/376089.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号