gpt4 book ai didi

flutter - AnimatedContainer 调整高度时出现溢出警告

转载 作者:行者123 更新时间:2023-12-02 09:16:53 30 4
gpt4 key购买 nike

Example

使用 CupertinoPicker,我希望它使用 AnimatedContainer 以动画形式显示在文本输入下方的 View 中,但是当它变得可见时,我收到溢出警告。据我所知,您无法调整 CupertinoPicker 的大小,只能调整它的父级。

有更好的解决方案吗?

Column(
children: <Widget>[
buildTextField(
field: 'limit',
label: 'How Many Guests?',
controller: TextEditingController(
text: eventModel.event['limit']),
onTap: () {
showPicker.value = !showPicker.value;
},
),
AnimatedContainer(
height: showPicker.value ? 150 : 0,
duration: Duration(milliseconds: 150),
child: showPicker.value
? CupertinoPicker(
backgroundColor: Colors.transparent,
itemExtent: 40,
children: List<Widget>.generate(
98,
(index) => Center(
child: Text(
'${index + 2}',
style: TextStyle(
color: Colors.black,
fontSize: 16),
),
),
),
onSelectedItemChanged: (item) {
print((item + 2).toString());
},
)
: null,
),
]
)

异常(exception):

flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
flutter: The following message was thrown during layout:
flutter: A RenderFlex overflowed by 22 pixels on the bottom.
flutter:
flutter: The overflowing RenderFlex has an orientation of Axis.vertical.
flutter: The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
flutter: black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
flutter: Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
flutter: RenderFlex to fit within the available space instead of being sized to their natural size.
flutter: This is considered an error condition because it indicates that there is content that cannot be
flutter: seen. If the content is legitimately bigger than the available space, consider clipping it with a
flutter: ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
flutter: like a ListView.
flutter: The specific RenderFlex in question is:
flutter: RenderFlex#73b9d relayoutBoundary=up16 OVERFLOWING
flutter: creator: Column ← Stack ← CupertinoPicker ← ConstrainedBox ← Container ← AnimatedContainer ←
flutter: Column ← Observer ← _FormScope ← WillPopScope ← Form ← Padding ← ⋯
flutter: parentData: not positioned; offset=Offset(0.0, 0.0) (can use size)
flutter: constraints: BoxConstraints(0.0<=w<=346.9, 0.0<=h<=18.2)
flutter: size: Size(346.9, 18.2)
flutter: direction: vertical
flutter: mainAxisAlignment: start
flutter: mainAxisSize: max
flutter: crossAxisAlignment: center
flutter: verticalDirection: down
flutter: ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
flutter: Another exception was thrown: A RenderFlex overflowed by 22 pixels on the bottom.

最佳答案

您可以使用 SingleChildScrollView 包装其他小部件,如下所示:

AnimatedContainer( 
duration:Duration(milliseconds:500),
child: SingleChildScrollView(child:contents),
),

关于flutter - AnimatedContainer 调整高度时出现溢出警告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56298325/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com