陣營材質的UI：堆疊appbar

奇怪的現象，當我試圖讓這個代碼appbar：陣營材質的UI：堆疊appbar

import React, { Component } from 'react'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 
import AppBar from 'material-ui/AppBar'; 

// Needed for onTouchTap 
import injectTapEventPlugin from 'react-tap-event-plugin'; 
injectTapEventPlugin(); 

export default class App extends Component { 
    render() { 
     return (
      <MuiThemeProvider muiTheme={getMuiTheme()}> 
       <div> 
        <AppBar title="Title"/> 
       </div> 
      </MuiThemeProvider> 

     ); 
    } 
}

結果給了我一個堆疊appbar：

我有絕對不知道它爲什麼這樣做，並沒有發現任何類似的問題。我在一個新的流星實例中運行反應並通過meteor npm install material-ui

EDIT安裝材料的UI：調查後，似乎問題是appbar沒有display:flex。然而，用style={{display:'flex'}}手動添加它是不可能的（沒有任何變化）。

來源

2016-05-31 Almaju

奇怪的行爲：當我嘗試響應式佈局並通過Chrome檢查器刷新頁面時，它突然生效。但刷新後仍然不能正常佈局。 – Almaju

一個快速和骯髒的解決辦法：<AppBar title="Title" className="appBar" />

而且在main.css的：

.appBar{ 
    display:flex; 
}

怪異的行爲雖然。

來源

2016-05-31 15:18:02 Almaju

陣營材質的UI：堆疊appbar

回答

相關問題