如何设置颤动中容器小部件的动态高度?
我在容器内有文本小部件,如果文本超过4行,则溢出到容器底部。如何为此容器设置动态高度,该容器将取决于文本线条并避免底部溢出?目前,容器具有固定值,但是如果我删除此值,它将消失。
home component
Widget build(BuildContext context) {
return Container (
child: SliverToBoxAdapter(
child: Container(
height: 180,
margin: EdgeInsets.only(top: 10),
child: CustomeInfoWidget(
infoData: _infoDataList,
),
),
),
)
}
CustomeInfoWidget
Widget build(BuildContext context) {
final double _width = MediaQuery.of(context).size.width;
return Container(
margin: EdgeInsets.only(top: 15, left: 15, right: 15),
child: Stack(
children: [
PageView.builder(
itemCount: widget._infoDataList.length,
controller: _pageController,
itemBuilder: (BuildContext context, int index) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: _width - 10,
child: Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Text(widget._infoDataList[index].title,
textAlign: TextAlign.left,
),
Container(
child: Text(
widget._infoDataList[index].content,
),
)
],
);
},
),
],
),
);
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
用SingleChildScrollview包裹容器或为文本窗口设置溢出
wrap your container with Singlechildscrollview or set overflow for your Text widget Flutter - Wrap text on overflow, like insert ellipsis or fade
在您的家庭组件上,您正在修复
CustomeInfowidget
的高度。您可以删除此。您可以使用
sliverFillRemaining
pageView
。或者,您可以使用
singlechildScrollview
将文本容器包裹起来,以供内部滚动。您还可以计算文本高度并提供。
我如何在Flutter 中获取文本窗口的大小
On your home component, you are fixing the height of
CustomeInfoWidget
. You can remove this.You can use
SliverFillRemaining
forPageView
.Or you can wrap your text container with
Singlechildscrollview
for inner scroll.You can also calculate the text height and provide it.
How can I get the size of the Text widget in Flutter