行中列的控制高度

问题描述 投票:0回答:1

[尝试获取行中的列以获取行的完整高度(如图所示)列采用所需的最小高度,但是肯定有办法使其扩展“行”窗口小部件的整个高度吗?我尝试使用Expanded,但没有用。

[我希望它采用Row的整个高度,因为Column内的元素可以根据mainAxisAlignment: MainAxisAlignment.spaceBetween对齐,但目前由于采用了最小高度,因此所有元素都聚集在一起。

    return new Container(
        child: ListView(
      children: <Widget>[
        Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Padding(
                padding: EdgeInsets.all(20),
                child: Text(
                  client.days[0].dayofLog,
                  style: TextStyle(
                      fontSize: 35,
                      color: Colors.black,
                      fontWeight: FontWeight.bold),
                )),
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                new AnimatedCircularChart(
                  key: _chartKey,
                  size: const Size(300.0, 300.0),
                  initialChartData: buildGraphElements(client),
                  chartType: CircularChartType.Radial,
                  edgeStyle: SegmentEdgeStyle.round,
                  percentageValues: true,
                ),
                Container(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: <Widget>[
                    new Container(
                      height: 42.0,
                      width: 42.0,
                      color: Colors.red,
                    ),
                    new Container(
                      height: 42.0,
                      width: 42.0,
                      color: Colors.red,
                    ),
                    new Container(
                      height: 42.0,
                      width: 42.0,
                      color: Colors.red,
                    ),
                    new Container(
                      height: 42.0,
                      width: 42.0,
                      color: Colors.red,
                    ),
                  ],
                )
                )
              ],
            )
          ],
        )
      ],
    ));

container size image

row size image

expanded widget result image

flutter dart flutter-layout
1个回答
0
投票

尝试使用:

© www.soinside.com 2019 - 2024. All rights reserved.