Material-ui 정의 테마의 스타일 정의

Question

material-ui와 반응을 사용하고 있으며 자신의 필요에 맞게 테마를 덮어 쓰고 싶습니다. 각 구성 요소의 모든 속성을 변경할 수 있음을 알았지 만 Appbar의 스타일을 변경하려고 시도했지만 아무 일도 일어나지 않았습니다. 여기

내가 뭘하려 :

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

나는 그냥 appbar의 높이를 변경하지만 난 서랍의에서 '최고'와 같은 속성이 아닙니다 무언가를 변경하려면 말할 수 있습니다 알고 스타일은 다음과 같습니다.

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

어떻게하면됩니까?

Answer 1

스타일 소품없이 값을 설정해보십시오.

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입니다.