Question

尝试获取行中的列以获取行的完整高度（如图中所示）列采用所需的最小高度，但是肯定有办法使它扩展“行”窗口小部件的整个高度吗？我尝试使用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,
                ),
                Expanded(
                  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,
                    ),
                  ],
                )
                )
              ],
            )
          ],
        )
      ],
    ));

row size image

expanded size image

Answer 1

尝试使用：

final screenWidth = MediaQuery.of(context).size.width;
final screenHeight = MediaQuery.of(context).size.height;

，在将它们分配给变量时，可以根据需要将它们乘以创建的屏幕百分比。

如果可能的话，发布具有预期效果的照片。

控制行内列的高度

1 个答案: