Flutter，访问父容器widget的padding值

Question

我有一个 GridView 小部件嵌套在一个 SizedBox 小部件内，该小部件嵌套在一个 Container 小部件内

    Container(
      padding: EdgeInsets.all(10),
      alignment: Alignment(0, 0),
      child: SizedBox(
        width: min(MediaQuery.of(context).size.width,
                MediaQuery.of(context).size.height) -
            20,
        height: min(MediaQuery.of(context).size.width,
                MediaQuery.of(context).size.height) -
            20,
        child: GridView.count(
          padding: EdgeInsets.all(0),
          crossAxisCount: sqrt(tiles.length).round(),
          mainAxisSpacing: 5,
          crossAxisSpacing: 5,
          children: tiles,
          shrinkWrap: true,
        ),
      ),
    ),

Container Widget 的边缘插入为 10，因此在 SizedBox 中，我希望宽度和高度为最小屏幕宽度/高度减去此边缘插入（因此为负 20，因为它在每一侧）。

如何读取父小部件的值以便知道它是 edgeInset？ MediaQuery 可以通过上下文完成此操作吗？

我知道我可以更早地将边缘插入作为变量存储并在两个地方使用它，但是当我尝试学习 Flutter 时，我更好奇是否有办法读取父小部件的值/属性，以便他们的孩子可以随时参考它们。

Answer 1

如果你提供一些 Widget 一个全局键

最终_key = GlobalKey();

Table(
   key: _key,
   children: _getTableRows(),
);

然后你可以像这样计算小部件的大小：

void _getSize(_) {
final RenderBox _boardRender = _key.currentContext.findRenderObject();
final boardSize = MediaQuery.of(_key.currentContext).size;
final boardOffset = _boardRender.localToGlobal(Offset.zero);

//print('$boardSize:$boardOffset:$cellSize');

}

你可以看看https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html

Answer 2

Container行为有些复杂，因此您的问题的答案将取决于container的父级是谁。从文档：

容器尝试的顺序是：遵守对齐，根据子级调整自身大小，遵守宽度、高度和约束，扩展以适应父级，尽可能小。

例如：如果您将容器放在Scaffold的body参数中并移除SizedBox则GridView将填充屏幕并具有您指定的填充。 （在这种情况下，您甚至不需要Container而可以使用Padding小部件。）

更广泛地说，Flutter 在不同的范式中工作，您不需要“知道”父级的细节，因为您可以将任何小部件放置在任何其他小部件中。