在Material-UI中规避ListItem缺少leftToggle选项

时间:2018-01-30 03:11:04

标签: javascript reactjs material-ui

我想将toggle元素放在另一边,但问题是根据listItem文档Material-ui不支持leftToggle选项(属性) leftToggle不存在)。有没有办法做到这一点?

我想把切换器和辅助文本放在同一行。此外,是否有一个解决方案不涉及ListItem

<ListItem primaryText={theEEState ? "Allow": "Disallow"}
          secondaryText="Allow / Disallow"
          rightToggle={
              <Toggle
                  onToggle={onToggleStateMethod}
                  toggled={theEEState}
              />
          }
 />

1 个答案:

答案 0 :(得分:0)

使用切换组件。该文档包含左侧开关的示例。

http://www.material-ui.com/#/components/toggle

<Toggle
  label="Label on the right"
  labelPosition="right"
  style={styles.toggle}
/>