material -ui 서랍 높이를 변경하십시오.

Question

저는 프로젝트에서 react와 material-ui를 사용하고 있으며 해결 방법을 모르는 간단한 문제가 있습니다. 서랍을 만들고 높이를 설정할 때 앱 바를 열면 앱 바를 열지 않습니다. 높이의 서랍 구성 요소에는 매개 변수가 없습니다

, 나는 또한 스타일을 무시하고이 같은 스타일 개체의 높이를 설정하려 :

<Drawer style={{height:'90%'}} /> 

그러나 그것은 작동하지 않았다.

제가 생각할 수있는 유일한 방법은 서랍 구성 요소의 코드를 편집하는 것입니다.하지만 당연히 그것을 피하고 싶습니다.

높이를 정의 할 수있는 방법에 대한 아이디어가 있습니까? 여기

Answer 1

당신은 이동 :

<Drawer open={this.state.open} containerStyle={{height: 'calc(100% - 64px)', top: 64}}> 
    <MenuItem>Menu Item</MenuItem> 
    <MenuItem>Menu Item 2</MenuItem> 
</Drawer> 

Answer 2

containerStyle 버전 1.0 및

위에 금지 그래서 대신 여기

이 사소에 대한 예입니다 소품을 클래스를 사용할 필요가 케이스

import {withStyles, createStyleSheet} from 'material-ui/styles' 
const styleSheet = createStyleSheet({ 
    paper: { 
    height: 'calc(100% - 64px)', 
    top: 64 
    } 
}) 
class CustomDrawer extends Component { 
    ... 
    render() { 
    const classes = this.props.classes 
    return (
     <Drawer 
     classes={{paper: classes.paper}} 
     > 
     ... 
    ) 
} 

CustomDrawer.propTypes = { 
    classes: PropTypes.object.isRequired 
} 

export default withStyles(styleSheet)(CustomDrawer)