2016-11-06 86 views
1

我想在Material-UI AppBar的左侧显示图像,但保留“汉堡包”菜单并将图像放在右侧。如何在Material-UI AppBar左侧显示图像,但保留“汉堡包”菜单?

这可能吗?我可以将图像添加到使用

<AppBar title="My App" 
     iconElementLeft = {<img src='header-logo.png' alt="Logo" />} />; 

但是左侧,即取代的“汉堡包”菜单,这是对我没有用。

我也尝试创建img作为AppBar的子项,但它将图像放在任何iconElementRight元素的右侧。

回答

10

只需传递标签作为标题即可。材料的UI将一个节点作为标题

喜欢的东西

<AppBar 
    title={<img src="https://unsplash.it/40/40"/>} 
    /> 

工作pen

希望这有助于!

+0

不错。我做到了这一点,并使用IconButton重新创建菜单。看起来我明天会重构。 – dommer