0

我有一个用例，其中我有一个包含搜索框、一些消息框和两个列表的侧面板，当用户搜索某些内容时，这些列表会被过滤。

搜索框和消息框占据固定高度，但如果浏览器调整大小，我希望两个列表占据相同的高度并增长。

如果其中一个列表中的项目较少以便为另一个列表提供更多空间，那么缩小列表也很不错。

这是用户界面的样子......

在此处输入图像描述

我目前正在尝试在浏览器调整大小事件中手动计算高度并将高度分配给两个列表，但我想知道是否有更好的方法来做到这一点。

提前致谢 ：）

4

1 回答 1

0

使用 Stack 组件，在包装列表的 Stack.Items 上指定增长属性。

https://github.com/microsoft/fluentui/blob/master/packages/office-ui-fabric-react/src/components/Stack/examples/Stack.Vertical.Grow.Example.tsx

于 2020-05-05T04:19:09.480 回答