草庐IT

van-tabbar

全部标签

flutter - TabBar 和 TabView 没有 Scaffold 和固定 Widget

我创建了TabBar没有Appbar和Scaffold并修复了主题上方的Widget。现在,当我添加TabBarView时,tabs中没有任何显示,所以我创建了从TabController获取Index的方法并且应该显示选项卡。但我再也看不到任何东西:@overrideWidgetbuild(BuildContextcontext){returnMaterial(color:Theme.of(context).backgroundColor,child:ListView(children:[Container(height:320,child:newCarousel(boxFit:Bo

dart - 将主 Flutter 脚手架(AppBar +TabBar + PopupMenu、Drawer、main Body)分布在单独的较小文件上?

'阿洛,我的主文件有多达1000行代码,我忍不住认为我可以通过将Scaffold分成3或4个.dart文件来节省时间。这可能吗?由于所有链接和设计参数,在AppBar和Drawer之间我已经有多达500多行代码。我想提取这段代码,而不是在处理主体时不得不不断地滚动浏览它。每当我试图取出抽屉并将其放入单独的文件中时,到处都会出现错误。“动态”和“小部件”以及返回类型等问题。什么可以把脚手架拿出来引用另一个文件?child:newScaffold(appBar:newAppBar(bottom:newTabBar(tabs:[.....]),actions:[newPopupMenuBut

dart - 如何在带有 tabBar 的屏幕上处理错误后修复 setState

所以在我的应用程序中,我有一个带有tabBar的屏幕。当屏幕加载时,它会对项目进行分类并将它们移动到不同的选项卡中。但是当我运行它时,项目不断重复,并且我在调试控制台中看到一个错误,说我在dispose()之后调用了setState()这是屏幕代码:import'package:flutter/material.dart';import'./uiComponents/customWidgets.dart';import'./ticketsComponents/ticketsList.dart';import'./tabs.dart';classTicketsextendsStatefu

Flutter:如何在不使用 tabbarview 的情况下创建带导航的 tabbar?

目前,我有一个日历页面,它有一个默认的标签栏,可以使用标签栏View从月历和年历切换。对于底部的标签栏,我希望它可以从不同的页面切换到例如主页。有任何想法吗?我是新手。 最佳答案 您可以使用TabController在flutter中创建tabBar。我找到了一个简单的example带有左侧抽屉的TabBar演示。 关于Flutter:如何在不使用tabbarview的情况下创建带导航的tabbar?,我们在StackOverflow上找到一个类似的问题: h

dart - 在tabbar的页面之间配置State

我正在开发一个应用程序,它包含一个计时器,因此它每秒更新一次状态,但是当我们更改页面时,会发生一些状态错误ThiserrorhappensifyoucallsetState()onaStateobjectforawidgetthatnolongerappearsinthewidgettree(e.g.,whoseparentwidgetnolongerincludesthewidgetinitsbuild).ThiserrorcanoccurwhencodecallssetState()fromatimerorananimationcallback.Thepreferredsoluti

android - 如何以编程方式将列表小部件添加到 TabBar?

我正在构建一个连接并向HTTP服务器发送请求的应用程序,当获得响应时将它们解析为JSON对象并显示输出。当我使用以下方法时出现问题:Future>getPizzas()async{ListpizzasElements;awaitPizzeriaAPI().getMenu().then((response){Iterablelist=json.decode(response.body);varpizzas=list.map((model)=>Pizza.fromJson(model)).toList();pizzasElements=newList.generate(pizzas.len

flutter - 在不是其子项的 TabBar 上使用 AppBar 样式

我希望我的选项卡栏具有与AppBar相同的样式。(使用相同的图标颜色、文字颜色和背景颜色)我的布局在左侧有一个选项卡部分,在右侧有另一列。如果没有额外的样式,TabBar图标是不可见的,因为它们和背景都是白色的。那么将AppBar样式应用到TabBar上最方便的方法是什么?感谢您的任何建议!import'package:flutter/material.dart';voidmain()=>runApp(newMyApp());classMyAppextendsStatefulWidget{@overrideStatecreateState()=>MyAppState();}classM

Flutter - TabBar 中不同的 float 操作按钮

我试图在flutter中的TabBar中获得一个不同的float按钮。但我会尝试很多选项,但我不知道如何。抱歉,我添加更多详细信息:我想做一个带有TabBar的应用程序,就像这个flutter示例。如果您看到这是一个tabBarDemo应用程序,我可以在选项卡之间切换,但我不知道如何更改选项卡之间的float按钮。谢谢喜欢这个动图:/image/bxtN4.gifclassTabBarDemoextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(home:DefaultTab

dart - 在 Flutter 中,导航到新的 Widget,同时保持 AppBar 和 Bottom TabBar

我的应用程序中有一个用于导航的底部标签栏。我在一个选项卡中有一个ListView,单击它会带我到该项目的详细信息View。但是,我想保留标签栏和应用栏(可能会更改AppBar的标题等)。这是我完成导航的方式:Navigator.pushNamed(context,LocationDetails.routeName);我不希望AppBar或TabBar有过渡效果(即我不希望它们随Widget一起滑动)。提前致谢! 最佳答案 最好的方法是在按下ListView中的单元格时将bool值设置为true或false。然后在你的WidgetBu

dart - 如何自定义 TabBar 指示器的宽度和高度?

我正在使用TabBar小部件,我想自定义指示器的高度和宽度。除了可以修改的颜色之外,我看不到任何其他属性。 最佳答案 您可以在TabBar上使用indicatorSize:TabBarIndicatorSize.label使指示器与标签大小相同。或者你可以直接设置indicator,这是一个你可以自定义的Decoration:AppBar(bottom:TabBar(indicator:UnderlineTabIndicator(borderSide:BorderSide(width:5.0),insets:EdgeInsets.s