当我查看文档时，似乎Stack element是我应该用来布置我的应用程序的那个。
我想要一个带有页眉，页脚和主要部分的基本布局。页眉和页脚应具有固定的高度。主要部分的高度必须增加/缩小。全部必须具有100％的窗口宽度。
我在grow上看到了Stack.Item道具。我假设只需要将grow设置为主要部分。
问题是我无法使Stack占据窗口的整个高度。它根据子项设置大小。
我认为我有两种可能的解决方案：
1）根据窗口高度设置Stack的高度。还要将其高度设为状态，以便在窗口高度更改时，更改Stack高度。
2）直接在CSS / HTML中进行高层布局，例如使用flexbox。 Stack仅用于节内布局。
您有什么建议？
答案 0 :(得分：1)
这里codepen使用Stack演示您对布局的要求。它基本上是按照选项1中的建议进行操作。您始终可以查看选项2，但这完全取决于应用程序的复杂性。
答案 1 :(得分：1)
Stack是Flexbox的抽象，其中添加了一些不错的东西（例如gap）。因此，如果Flexbox足以构建您的页面布局，则Stack可以完美运行。
如果需要更复杂的二维布局，则可能需要对每个区域使用普通的CSS网格，然后通过Stack在这些区域中的每个内部布局内容。