Question

我使用https://marmelab.com/admin-on-rest/Theming.html#using-a-custom-layout中的示例。

在下面的代码段中添加了一个新的IconMenu。右侧菜单图标无法显示。通过从不同的表单调用它来测试组件，它可以工作。但是，将它集成到AppBar中是行不通的。

看起来样式或其他东西都在干扰它。

有没有人有这样的菜单适用于AppLayout自定义？

＆＃13;

const styles = {
    // Snipped rest of the styles from example
    loader: {
        position: 'absolute',
        top: 0,
        right: 50,
        margin: 16,
        zIndex: 1200,
    },

    iconMenu: {
        position: 'absolute',
        top: 0,
        right: 0,
        margin: 16,
        zIndex: 1200,
    },
};

const AppBarMenu = (props) => (
    <IconMenu {...props}
        iconButtonElement={
            <IconButton><MoreVertIcon /></IconButton>
        }
        targetOrigin={{horizontal: 'right', vertical: 'top'}}
        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
    >
        <MenuItem primaryText="Settings" />
        <MenuItem primaryText="About" />
        <MenuItem primaryText="Sign out" />
    </IconMenu>
);

AppBarMenu.muiName = 'IconMenu';

<AppBar title={title} iconElementRight={<AppBarMenu style={styles.iconMenu} />} />

＆＃13;

Answer 1

https://github.com/marmelab/admin-on-rest/issues/525

中使用的提案

从以上网址引用：如果有人想要标题栏中的按钮，他们不仅要有自定义布局，还要将AppBar.js从admin-on-rest复制到他们的项目中并导入它。在AppBar.js中，iconElementRight在MuiAppBar标记内部工作，但不在Layout.js内部。

AppBar iconElementRight admin-on-rest

1 个答案: