AppBar mit Material-UI

Question

Ich habe versucht, eine AppBar zu programmieren. Leider ohne Erfolg. Die Web-Apps von Google wurden als Vorlage verwendet. Google implementiert ihre Web-Apps mit Full-Size-Menü (und automatische Minimierung auf Side-Menü + Hamburger in Mobile) und Suchfeld. Selbst stundenlanges Suchen im Internet brachte keine Ergebnisse. Wer hat je eine solche AppBar programmiert und seinen Quellcode zur Verfügung gestellt?

Ich habe diesen Code aus dem Beispiel versucht. In diesem Beispiel ist der Code in dem /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();      

Dies ist die Fehlermeldungen:

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

Sie this Tutorial anschauen können die App-Leiste mit dem Material-UI neu in reagieren.

Updating Post nach Fehler, Kommentar von Original-Poster:

Sie können anhand der folgenden Muster Thema Requisiten passieren:

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

... 

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

... 

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

Sie den vollständigen Code aus here finden.