2016-11-06 30 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