office-ui-fabric - Office UI Frabric 响应式枢轴

Question

我是 Office UI Fabric 的新手。默认情况下，Pivot 组件似乎没有响应。在小屏幕上处理 Pivot 组件的推荐方法是什么？我找不到任何包装功能。我试图弄清楚像 OverflowSet 和 ResizeGroup 这样的其他组件是否可以提供帮助。但是，它们似乎也不是 Pivot 的正确解决方案。欢迎任何建议。

Answer 1

我不认为枢轴是为响应式场景设计的（当然没有内置的行为）。但是，如果它们不适合，您可以使用 ResizeGroup 来修改您的枢轴。您可能会截断文本、减少填充或切换到下拉菜单。

切换到下拉菜单可能是最好的主意。只需在您的数据中有一个标记为“renderAsDropdown”，您的 reduceData 只会将“renderAsDropdown”翻转为 true，而您的“onRenderData”只会呈现一个下拉列表或一组枢轴。无需计算一些断点。