Material-uiでカスタムテーマのスタイルを定義する

Question

私はmaterial-uiと反応し、自分のニーズに合わせてテーマをオーバーライドしたいと思っていましたが、各コンポーネントのすべてのプロパティを変更できることがわかりましたAppbarのスタイルを変更しようとしましたが、何も起こりません。ここで

は、私が試したものです：

let theme = { 
    appBar: { 
     style:{ 
      height: 128 
     } 
    } 
} 

私はちょうどアプリケーションバーの高さを変更するが、私はプロパティではありません、何かを変えたいと言うことができますことを知って、引き出しの中に「上」のように

let theme= { 
    drawer:{ 
     style:{ 
      top: 64 
     } 
    } 
} 

どうすればいいですか？

Answer 1

style propを付けずに値を設定してみてください。

ので、代わりの：

let theme = { 
    appBar: { 
     style:{ 
      height: 128 
     } 
    } 
} 

に変更：

let theme = { 
    appBar: {    
     height: 128 
    } 
} 

//Example 
const muiTheme = getMuiTheme(theme); 
... 

Answer 2

Pachu。あなたの質問に答えるには：「Material-UIのテーマを変える方法は？」あなたはそれを試すことができます：あなたは、このリンクを参照することができ

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

：http://www.material-ui.com/#/customization/themes

Answer 3

ことはできthemeオブジェクト内のプロパティの限られた範囲の設定。 サポートされているすべてのプロパティとその外観をどのように変更するかは、online toolで確認できます。 themeに必要なものがない場合は、styleのプロパティで手動で設定できます。

通常、Material-UIコンポーネントにはいくつかの「スタイル」プロパティがあります。例えばstyle,titleStyle,iconStyleLeft,iconStyleRight,App bar。