Каков наилучший способ создания динамично растущего стекового предмета в Fabri c React? - PullRequest
0 голосов
/ 31 марта 2020

У меня есть случай использования, когда у меня есть боковая панель, содержащая Searchbox, некоторые MessageBoxes и два списка, которые фильтруются, когда пользователь что-то ищет.

Searchbox и messagebox занимают фиксированную высоту, но я хочу оба списка занимать одинаковую высоту и увеличиваться при изменении размера браузера.

Также было бы неплохо сократить список, если в одном из списков меньше элементов, чтобы освободить место для другого.

Вот как выглядит пользовательский интерфейс ...

enter image description here

В настоящее время я пытаюсь вычислить высоту и назначить высоту для обоих списков вручную в браузере. изменить размер события, но мне было интересно, есть ли лучший способ сделать это.

Заранее спасибо:)

1 Ответ

0 голосов
/ 05 мая 2020

Используйте компонент Stack, указав атрибут роста в Stack.Items, которые обертывают ваши списки.

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

...