Flutter 使小部件扩展到可用空间
我正在尝试将Flutter 使小部件扩展到可用空间,flutter,Flutter,我正在尝试将flattermap放在正确的小部件中,根据绘制它的设备垂直展开它。到目前为止,它是在一个具有固定高度和宽度的容器中。 同样,我需要处理抽屉,就像它打开时一样,它在iPhone 6的小屏幕上从屏幕外流动。 你能给我一个关于扩展小部件的好解释吗? 代码如下: body: SafeArea( minimum: EdgeInsets.symmetric(horizontal: 20), child: Center( child
flattermap
放在正确的小部件中,根据绘制它的设备垂直展开它。到目前为止,它是在一个具有固定高度和宽度的容器中。
同样,我需要处理抽屉,就像它打开时一样,它在iPhone 6的小屏幕上从屏幕外流动。
你能给我一个关于扩展小部件的好解释吗?
代码如下:
body: SafeArea(
minimum: EdgeInsets.symmetric(horizontal: 20),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
height: 400,
width: 350,
child: FlutterMap()),
Row()]
主体:安全区域(
最小值:对称边缘集(水平:20),
儿童:中心(
子:列(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
容器(
身高:400,
宽度:350,
子对象:映射()),
行()]
< /代码> 您可以考虑使用<强>扩展< /强>控件
试试这个
安全区(
最小值:对称边缘集(水平:20),
儿童:中心(
子:列(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
扩大(
子:容器(
子对象:映射()),
),
行()]
希望它能为您工作flatterwidgetExpanded
能为您工作。它有child
参数,您可以在其中放置容器
或flattermap
小部件
如果您想为多个小部件创建比例,还可以查看Expanded
小部件的flex
属性。谢谢,我试错了一个,flex
。谢谢。我接受了另一个答案,因为它是第一个。但是我非常感谢您的帮助。我在容器中没有看到flex属性,所以我猜你的意思是扩展的小部件,里面有容器
,但是是的,这会帮助我解决抽屉
,我也有同样的问题。谢谢。是的,你是对的。扩展的是我在本例中的目标小部件,而不是容器。只是编辑了上面的答案来纠正这个问题。
SafeArea(
minimum: EdgeInsets.symmetric(horizontal: 20),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Expanded(
child: Container(
child: FlutterMap()),
),
Row()]