我想構建一個可滾動的小部件,該小部件由函式生成的一些 Text 小部件(可能還有其他一些小部件)組成。但是,我收到以下錯誤:
一個 RenderFlex 在底部溢位了 701 個像素。
我不確定這里最好的布局是什么。可滾動的 Column 是否應該放在容器之外?是否需要最內層嵌套的列?是否需要另一個擴展小部件?
此外,小部件串列中的文本應左對齊,而不是居中。如果有人可以提供有用的解決方案,我將非常感激!
這是我當前的代碼:
List<Widget> getWidgetList(){
// do some stuff and return a list
return [Text("foo"), Text("bar")];
}
@override
Widget build(BuildContext context) => Scaffold(... body:
Container(
padding: EdgeInsets.all(20),
child:
SingleChildScrollView(
scrollDirection: Axis.vertical,
child:
SizedBox(
height: MediaQuery.of(context).size.height,
child:
Column(
children: getWidgetList()
)
)
)
)
);
}
uj5u.com熱心網友回復:
我認為溢位發生在getWidgetList. 從 中洗掉固定高度SizedBox,
您可以使用ListView,它提供填充引數,
ListView(
padding: EdgeInsets.all(20),
children: [
...getWidgetList(),
],
),
老的
Container(
padding: EdgeInsets.all(20),
child:
SingleChildScrollView(
scrollDirection: Axis.vertical,
child:
SizedBox(
// height: MediaQuery.of(context).size.height,
child:
Column(
children: getWidgetList()
)
)
)
)
);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/532916.html
標籤:安卓IOS扑镖
上一篇:UIView對角線邊框在一個角上
下一篇:如何在公式中參考不同環境中的物件
