Chakra UI 的骨架组件在 Flexbox 属性下不工作

Question

我已经将 flex 属性 应用于 Box 组件，在它里面，有两个 flex children，一个 圆形骨架，以及一个包含[=36​​=]两个骨架.

的盒子

但它只显示了圆形骨架组件：

当我从父组件 Box 中删除 flex properties 时，它的预览如下：

从父组件中删除flex 属性后，至少它显示了所有组件。

其背后的原因是什么，不允许 flex 属性 在子组件是 Skeleton Components 的父组件上？

骨架部分的官方文档中没有与此行为相关的预防措施。

有谁知道吗？

在此先感谢您。 :)

Answer 1

骨架上没有设置宽度。您需要在 Skeleton/Inner Box 上设置宽度或在内部 Box 上设置 flex:1。