我正在使用Flutter Stepper,我正在嘗試在TabBar其中TabBarView一個步驟中使用,但我遇到了錯誤
======== Exception caught by rendering library =====================================================
The following assertion was thrown during performResize():
Horizontal viewport was given unbounded height.
Viewports expand in the cross axis to fill their container and constrain their children to match their extent in the cross axis. In this case, a horizontal viewport was given an unlimited amount of vertical space in which to expand.
The relevant error-causing widget was:
TabBarView TabBarView:file:///C:/Users/Suswa/AndroidStudioProjects/tab_bar_inside_stepper_app/lib/screens/my_page.dart:523:29
When the exception was thrown, this was the stack:
#0 RenderViewport.computeDryLayout.<anonymous closure> (package:flutter/src/rendering/viewport.dart:1424:15)
#1 RenderViewport.computeDryLayout (package:flutter/src/rendering/viewport.dart:1436:6)
#2 RenderBox.performResize (package:flutter/src/rendering/box.dart:2384:12)
#3 RenderObject.layout (package:flutter/src/rendering/object.dart:1866:9)
#4 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#5 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#6 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#7 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#8 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#9 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#10 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#11 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#12 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#13 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#14 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#15 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#16 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#17 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#18 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#19 RenderCustomPaint.performLayout (package:flutter/src/rendering/custom_paint.dart:545:11)
#20 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#21 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#22 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#23 ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#24 RenderFlex._computeSizes (package:flutter/src/rendering/flex.dart:896:45)
#25 RenderFlex.performLayout (package:flutter/src/rendering/flex.dart:931:32)
#26 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#27 ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#28 RenderFlex._computeSizes (package:flutter/src/rendering/flex.dart:829:43)
#29 RenderFlex.performLayout (package:flutter/src/rendering/flex.dart:931:32)
#30 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#31 RenderPadding.performLayout (package:flutter/src/rendering/shifted_box.dart:233:12)
#32 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#33 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#34 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#35 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#36 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#37 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#38 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#39 RenderStack.layoutPositionedChild (package:flutter/src/rendering/stack.dart:497:11)
#40 RenderStack.performLayout (package:flutter/src/rendering/stack.dart:610:30)
#41 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#42 RenderAnimatedSize.performLayout (package:flutter/src/rendering/animated_size.dart:200:12)
#43 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#44 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#45 _RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1376:11)
#46 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#47 ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#48 RenderStack._computeSize (package:flutter/src/rendering/stack.dart:570:43)
#49 RenderStack.performLayout (package:flutter/src/rendering/stack.dart:597:12)
#50 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#51 ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#52 RenderFlex._computeSizes (package:flutter/src/rendering/flex.dart:829:43)
#53 RenderFlex.performLayout (package:flutter/src/rendering/flex.dart:931:32)
#54 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#55 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#56 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#57 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#58 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#59 RenderSliverMultiBoxAdaptor.insertAndLayoutChild (package:flutter/src/rendering/sliver_multi_box_adaptor.dart:487:13)
#60 RenderSliverList.performLayout.advance (package:flutter/src/rendering/sliver_list.dart:239:19)
#61 RenderSliverList.performLayout (package:flutter/src/rendering/sliver_list.dart:281:12)
#62 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#63 RenderSliverEdgeInsetsPadding.performLayout (package:flutter/src/rendering/sliver_padding.dart:137:12)
#64 RenderSliverPadding.performLayout (package:flutter/src/rendering/sliver_padding.dart:371:11)
#65 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#66 RenderViewportBase.layoutChildSequence (package:flutter/src/rendering/viewport.dart:510:13)
#67 RenderShrinkWrappingViewport._attemptLayout (package:flutter/src/rendering/viewport.dart:1938:12)
#68 RenderShrinkWrappingViewport.performLayout (package:flutter/src/rendering/viewport.dart:1884:20)
#69 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#70 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#71 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#72 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#73 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#74 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#75 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#76 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#77 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#78 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#79 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#80 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#81 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#82 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#83 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#84 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#85 RenderCustomPaint.performLayout (package:flutter/src/rendering/custom_paint.dart:545:11)
#86 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#87 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#88 RenderObject.layout (package:flutter/src/rendering/object.dart:1887:7)
#89 ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:56:11)
#90 RenderFlex._computeSizes (package:flutter/src/rendering/flex.dart:896:45)
#91 RenderFlex.performLayout (package:flutter/src/rendering/flex.dart:931:32)
#92 RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1731:7)
#93 PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:887:18)
#94 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:497:19)
#95 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:883:13)
#96 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:363:5)
#97 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1144:15)
#98 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1081:9)
#99 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:995:5)
#103 _invoke (dart:ui/hooks.dart:151:10)
#104 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:308:5)
#105 _drawFrame (dart:ui/hooks.dart:115:31)
(elided 3 frames from dart:async)
The following RenderObject was being processed when the exception was fired: RenderViewport#5374e NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... needs compositing
... parentData: <none> (can use size)
... constraints: BoxConstraints(0.0<=w<=276.0, 0.0<=h<=Infinity)
... size: MISSING
... axisDirection: right
... crossAxisDirection: down
... offset: _PagePosition#86265(range: null..null, viewport: null, ScrollableState, _ForceImplicitScrollPhysics -> PageScrollPhysics -> PageScrollPhysics -> ClampingScrollPhysics -> ClampingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#16092, ScrollDirection.idle)
... anchor: 0.0
RenderObject: RenderViewport#5374e NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
needs compositing
parentData: <none> (can use size)
constraints: BoxConstraints(0.0<=w<=276.0, 0.0<=h<=Infinity)
size: MISSING
axisDirection: right
crossAxisDirection: down
offset: _PagePosition#86265(range: null..null, viewport: null, ScrollableState, _ForceImplicitScrollPhysics -> PageScrollPhysics -> PageScrollPhysics -> ClampingScrollPhysics -> ClampingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#16092, ScrollDirection.idle)
anchor: 0.0
... center child: _RenderSliverFractionalPadding#97a78 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: paintOffset=Offset(0.0, 0.0)
... constraints: MISSING
... geometry: null
... child: RenderSliverFillViewport#34db1 NEEDS-LAYOUT NEEDS-PAINT
... parentData: paintOffset=Offset(0.0, 0.0)
... constraints: MISSING
... geometry: null
... no children current live
====================================================================================================
下面是我的代碼在呼叫選項卡時的樣子
initTabsStep() =>
DefaultTabController(
length: 2,
child: Column(
mainAxisSize: MainAxisSize.min,
children: const [
Flexible(child: TabBar(
unselectedLabelColor: Colors.black,
labelColor: Colors.orange,
tabs: [
Tab(child: Text("This is Tab 1"),icon: Icon(Icons.account_box_outlined),),
Tab(child: Text("This is Tab 2"), icon: Icon(Icons.beach_access),),
],
)),
Flexible(child: TabBarView(
children: [
Text("You have selected tab 1"),
Text("You have selected tab 2")
],
))
],
),
);
以下是我如何稱呼initTabsStep我Step的Stepper
Step(
title: const Text("STEP 2 CONTENT WITH TAB"),
content: initTabsStep(),
isActive: currentStep >= 1,
state: currentStep == 1
? stepStateList[1]
: currentStep > 1
? stepStateList[2]
: stepStateList[0]),
我已經嘗試DefaultTabController在 Column 中包裝,但它仍然無法正常作業
uj5u.com熱心網友回復:
請將您的小部件布局列更改為ListView或用 SizedBox 包裝您的 ParentWidget 并提供 mediaQuery 高度和寬度
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/449681.html
上一篇:'Future<Translation>'的Flutter實體我一直在列印
下一篇:Flutter中Navigator.pushReplacement和Navigator.pushAndRemoveUntil有什么區別?
