AppBar與Material-UI

Question

我試圖編寫AppBar。可惜沒有成功。 Google的網絡應用程序充當模板。 Google通過全尺寸菜單（自動摺疊到側邊菜單+手機漢堡包）和搜索框實現他們的網絡應用。甚至在互聯網上搜索幾個小時也沒有產生任何結果。誰有 曾編程這樣一個AppBar並提供其源代碼？

我試過這個例子的代碼。在這個例子中的代碼是在/src/index.js

import React, { Component } from 'react';  
import ReactDOM from 'react-dom';  
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';  
import AppBar from 'material-ui/AppBar';         
import registerServiceWorker from './registerServiceWorker';  

class App extends Component {                    
    render() {                        
    return (                        
     <MuiThemeProvider>                     
     <AppBar />                      
     </MuiThemeProvider>                     
    );                         
    };                          
};                          

ReactDOM.render(<App />, document.getElementById('root'));            
registerServiceWorker();      

這是錯誤消息：

bundle.js:37989 Warning: Failed prop type: The prop `theme` is marked as required in `MuiThemeProvider`, but its value is `undefined`. 
    in MuiThemeProvider (at index.js:10) 
    in App (at index.js:17) 

Answer 1

你可以看this教程重新創建反應與材料UI應用欄。

更新後的錯誤後，發表談話原始的海報：

您可以通過下面的方式傳遞主題道具：

import getMuiTheme from 'material-ui/styles/getMuiTheme'; 

... 

const muiTheme = getMuiTheme({ 
    palette: { 
    textColor: cyan500, 
    }, 
    appBar: { 
    height: 50, 
    }, 
}); 

... 

<MuiThemeProvider muiTheme={muiTheme}> 
    <AppBar title="My AppBar" /> 
</MuiThemeProvider> 

您可以從here找到完整的代碼。