使用FlexboxLayout更改设备方向上未调整大小的NativeScript按钮

Question

我目前正在使用NativeScript 3.1中的FlexboxLayout来布局一系列大小相同的按钮。

无论设备方向如何，当应用程序首次加载时，布局都能正常工作（请参见纵向截图）。

但是，当设备旋转时，按钮的背景和边框不会按预期调整大小（请参见横向屏幕截图）。按钮的文本框确实展开，按钮的可点击区域也是如此。

此问题仅适用于iOS。在Android设备上运行应用程序时，视图会正确调整大小。

<Page>
    <FlexboxLayout flexDirection="column">
        <Button class="btn btn-outline" flexGrow="1" text="1"></Button>
        <Button class="btn btn-outline" flexGrow="1" text="2"></Button>
        <Button class="btn btn-outline" flexGrow="1" text="3"></Button>
        <Button class="btn btn-outline" flexGrow="1" text="4"></Button>
        <Button class="btn btn-outline" flexGrow="1" text="5"></Button>
    </FlexboxLayout>
</Page>