{"action":"created","issue":{"url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/228","repository_url":"https://api.github.com/repos/xotahal/react-native-material-ui","labels_url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/228/labels{/name}","comments_url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/228/comments","events_url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/228/events","html_url":"https://github.com/xotahal/react-native-material-ui/issues/228","id":275121412,"number":228,"title":"drawer does not show the actual size","user":{"login":"mealbarracin10","id":11824876,"avatar_url":"https://avatars0.githubusercontent.com/u/11824876?v=4","gravatar_id":"","url":"https://api.github.com/users/mealbarracin10","html_url":"https://github.com/mealbarracin10","followers_url":"https://api.github.com/users/mealbarracin10/followers","following_url":"https://api.github.com/users/mealbarracin10/following{/other_user}","gists_url":"https://api.github.com/users/mealbarracin10/gists{/gist_id}","starred_url":"https://api.github.com/users/mealbarracin10/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mealbarracin10/subscriptions","organizations_url":"https://api.github.com/users/mealbarracin10/orgs","repos_url":"https://api.github.com/users/mealbarracin10/repos","events_url":"https://api.github.com/users/mealbarracin10/events{/privacy}","received_events_url":"https://api.github.com/users/mealbarracin10/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-19T00:29:08Z","updated_at":"2018-03-29T10:26:43Z","closed_at":null,"author_association":"NONE","body":"i try integrated module drawer of this repository, however it not show size,  i follow repository demo app, and this repository, but any working \r\n\r\n![captura de pantalla 2017-11-18 a la s 7 10 42 p m](https://user-images.githubusercontent.com/11824876/32985976-a9036b0c-cc94-11e7-8fa9-b9dbc962a519.png)\r\n\r\n\r\nthis is my code, and it is called in StackNavigator  \r\n\r\n     import React, { Component } from 'react';\r\n        import {\r\n            StyleSheet,\r\n            Text,\r\n            View,\r\n            Image,\r\n            TouchableOpacity,\r\n            ActivityIndicator,\r\n            Alert,\r\n        } from 'react-native';\r\n        import SideMenu from 'react-native-side-menu';\r\n        import Menu from '../../config/Menu/menu';\r\n        import imageMenu from \"../../images/Iconmenu.png\";\r\n        import { NavigationActions } from 'react-navigation'\r\n        import { GoogleSignin, GoogleSigninButton } from 'react-native-google-signin';\r\n        import Container from '../Container';\r\n        import { Avatar, Drawer, Toolbar, COLOR, ThemeProvider } from 'react-native-material-ui';\r\n\r\n        const uiTheme = {\r\n            palette: {\r\n                primaryColor: COLOR.green500,\r\n            },\r\n            toolbar: {\r\n                container: {\r\n                    height: 50,\r\n                },\r\n            },\r\n        };\r\n\r\n        export default class Basic extends Component {\r\n            constructor(props) {\r\n                super(props);\r\n                this.toggle = this.toggle.bind(this);\r\n                this.state = {\r\n                    isOpen: false,\r\n                    selectedItem: 'About',\r\n                };\r\n            }\r\n\r\n\r\n\r\n    toggle() {\r\n        this.setState({\r\n            isOpen: !this.state.isOpen,\r\n        });\r\n    }\r\n\r\n    updateMenuState(isOpen) {\r\n        this.setState({ isOpen });\r\n    }\r\n\r\n    onMenuItemSelected = item => {\r\n        this.setState({\r\n            isOpen: false,\r\n            selectedItem: item,\r\n        });\r\n        switch (item) {\r\n            case 'Logout':\r\n                Alert.alert(\r\n                    'Logout of Pluser',\r\n                    '¿Are you sure want close this sesion?',\r\n                    [\r\n                        { text: 'Cancel', onPress: () => { } },\r\n                        { text: 'OK', onPress: () => this._logout() },\r\n                    ]\r\n                )\r\n        }\r\n    }\r\n\r\n\r\n    _logout() {\r\n        this.props\r\n            .navigation.dispatch(NavigationActions.\r\n                reset(\r\n                {\r\n                    index: 0, actions: [\r\n                        NavigationActions.navigate({ routeName: 'Login' })\r\n                    ]\r\n                }))\r\n        GoogleSignin.signOut().then(() => { }).catch((err) => { });\r\n    }\r\n    render() {\r\n         return (\r\n            <ThemeProvider uiTheme={uiTheme}>\r\n            <Container>\r\n                <Toolbar\r\n                    leftElement=\"arrow-back\"\r\n                    onLeftElementPress={() => this.props.navigator.pop()}\r\n                />\r\n                <View style={styles.container}>\r\n                    <Drawer>\r\n                        <Drawer.Header >\r\n                            <Drawer.Header.Account\r\n                                avatar={<Avatar text={'A'} />}\r\n                                accounts={[\r\n                                    { avatar: <Avatar text=\"B\" /> },\r\n                                    { avatar: <Avatar text=\"C\" /> },\r\n                                ]}\r\n                                footer={{\r\n                                    dense: true,\r\n                                    centerElement: {\r\n                                        primaryText: 'Reservio',\r\n                                        secondaryText: 'business@email.com',\r\n                                    },\r\n                                    rightElement: 'arrow-drop-down',\r\n                                }}\r\n                            />\r\n                        </Drawer.Header>\r\n                        <Drawer.Section\r\n                            divider\r\n                            items={[\r\n                                { icon: 'bookmark-border', value: 'Notifications' },\r\n                                { icon: 'today', value: 'Calendar', active: true },\r\n                                { icon: 'people', value: 'Clients' },\r\n                            ]}\r\n                        />\r\n                        <Drawer.Section\r\n                            title=\"Personal\"\r\n                            items={[\r\n                                { icon: 'info', value: 'Info' },\r\n                                { icon: 'settings', value: 'Settings' },\r\n                            ]}\r\n                        />\r\n                    </Drawer>\r\n                </View>\r\n            </Container>\r\n            </ThemeProvider>\r\n        );\r\n    }\r\n      }\r\n\r\n    const styles = StyleSheet.create({\r\n       button: {\r\n           position: 'absolute',\r\n           top: 20,\r\n           padding: 10,\r\n        },\r\n       caption: {\r\n           fontSize: 20,\r\n           fontWeight: 'bold',\r\n           alignItems: 'center',\r\n       },\r\n       container: {\r\n           flex: 1,\r\n           justifyContent: 'center',\r\n           alignItems: 'center',\r\n           backgroundColor: '#F5FCFF',\r\n       },\r\n       welcome: {\r\n           fontSize: 20,\r\n           textAlign: 'center',\r\n           margin: 10,\r\n       },\r\n       instructions: {\r\n           textAlign: 'center',\r\n           color: '#333333',\r\n          marginBottom: 5,\r\n       },\r\n       activityIndicator: {\r\n           flex: 1,\r\n           justifyContent: 'center',\r\n           alignItems: 'center',\r\n           height: 80\r\n       }\r\n      });\r\n\r\nand it form how is referenced by called \r\n\r\n          export const Root = StackNavigator({\r\n           Home: {\r\n            screen: home,\r\n            }\r\n       }\r\n\r\nand when login sucesfully call this function \r\n\r\n         _googleAuth() {\r\n           GoogleSignin.signIn()\r\n               .then((user) => {\r\n                   this._navigateTo(this.props, user, 'Home')\r\n               })\r\n               .done();\r\n       }\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/comments/377192886","html_url":"https://github.com/xotahal/react-native-material-ui/issues/228#issuecomment-377192886","issue_url":"https://api.github.com/repos/xotahal/react-native-material-ui/issues/228","id":377192886,"user":{"login":"ODINA101","id":25300309,"avatar_url":"https://avatars2.githubusercontent.com/u/25300309?v=4","gravatar_id":"","url":"https://api.github.com/users/ODINA101","html_url":"https://github.com/ODINA101","followers_url":"https://api.github.com/users/ODINA101/followers","following_url":"https://api.github.com/users/ODINA101/following{/other_user}","gists_url":"https://api.github.com/users/ODINA101/gists{/gist_id}","starred_url":"https://api.github.com/users/ODINA101/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ODINA101/subscriptions","organizations_url":"https://api.github.com/users/ODINA101/orgs","repos_url":"https://api.github.com/users/ODINA101/repos","events_url":"https://api.github.com/users/ODINA101/events{/privacy}","received_events_url":"https://api.github.com/users/ODINA101/received_events","type":"User","site_admin":false},"created_at":"2018-03-29T10:26:43Z","updated_at":"2018-03-29T10:26:43Z","author_association":"NONE","body":"same for me :/"}}
{"actor":{"display_login":"ODINA101"}}