将元素推向 Antd 两侧（一个左对齐，一个右对齐）

Question

我将Antd 与 React 一起使用。我想在两个元素之间添加一个空格，使一个元素在最大可用空间的左侧对齐，另一个元素在最大可用空间的右侧对齐。请参阅带有文本和开关的附图。

Answer 1

这可以使用 Grid 来实现，在 Grid 之间添加一个贪婪的 Col：

<Form.Item>
    <Row>
        <Col><Typography>Essential</Typography></Col>
        <Col flex="auto"></Col>
        <Col ><Switch defaultChecked /></Col>
    </Row>
</Form.Item>