Flutter 如何使一个框能够扩展以适应内容,但在剩余空间被填满时停止扩展?
我心烦意乱。我有一个Flutter 如何使一个框能够扩展以适应内容,但在剩余空间被填满时停止扩展?,flutter,flutter-layout,Flutter,Flutter Layout,我心烦意乱。我有一个布局,它有一个pageview.builder,每页显示一张卡片。我希望卡片适合内容,扩展内容更多的卡片,直到卡片填满页面的其余部分,此时我希望它开始滚动。我花了几个小时尝试了布局的不同嵌套,但我无法找到达到预期效果的组合 code看起来像这样: child: new Column( children: [ SizedBox( height: 25.0, ), Image.a
布局
,它有一个pageview.builder
,每页显示一张卡片。我希望卡片适合内容,扩展内容更多的卡片,直到卡片填满页面的其余部分,此时我希望它开始滚动。我花了几个小时尝试了布局的不同嵌套,但我无法找到达到预期效果的组合
code
看起来像这样:
child: new Column(
children: [
SizedBox(
height: 25.0,
),
Image.asset(
"images/image.png",
scale: 0.1,
height: 100.0,
),
new ConstrainedBox(
constraints: BoxConstraints(maxHeight: 550.0),
child: PageView.builder(
controller: PageController(viewportFraction: 0.9),
itemBuilder: (BuildContext context, int index){
DayInfo thisDay = AllDaysInfo[index];
child: Material(
child: new Text(thisDay.info),
)
)
)
]
),
(括号
可能不正确!已将我的代码缩减为代码,以便更容易看到我在做什么)
因此,我想删除约束框
,这实际上是将其设置为550
高。我想让它填满剩余的空间,但当它到达那里时停止生长
有什么想法吗
迈克所以-我已经解决了!对不起,这有点愚蠢。基本上,我所需要做的就是添加一个扩展的
小部件,而不是上面示例中的约束框
,并在材质
小部件周围放置一个SingleChildScrollView
小部件。真有魅力
child: new Column(
children: [
SizedBox(
height: 25.0,
),
Image.asset(
"images/image.png",
scale: 0.1,
height: 100.0,
),
new Expanded(
child: PageView.builder(
controller: PageController(viewportFraction: 0.9),
itemBuilder: (BuildContext context, int index){
DayInfo thisDay = AllDaysInfo[index];
child: SingleChildScrollView
child: Material(
child: new Text(thisDay.info),
)
)
)
)
]
),