{"action":"created","issue":{"url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/227","repository_url":"https://api.github.com/repos/react-native-community/react-native-side-menu","labels_url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/227/labels{/name}","comments_url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/227/comments","events_url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/227/events","html_url":"https://github.com/react-native-community/react-native-side-menu/issues/227","id":161010862,"number":227,"title":"The sidemenu is not hidden when closed","user":{"login":"stanleycyang","id":3037893,"avatar_url":"https://avatars.githubusercontent.com/u/3037893?v=3","gravatar_id":"","url":"https://api.github.com/users/stanleycyang","html_url":"https://github.com/stanleycyang","followers_url":"https://api.github.com/users/stanleycyang/followers","following_url":"https://api.github.com/users/stanleycyang/following{/other_user}","gists_url":"https://api.github.com/users/stanleycyang/gists{/gist_id}","starred_url":"https://api.github.com/users/stanleycyang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stanleycyang/subscriptions","organizations_url":"https://api.github.com/users/stanleycyang/orgs","repos_url":"https://api.github.com/users/stanleycyang/repos","events_url":"https://api.github.com/users/stanleycyang/events{/privacy}","received_events_url":"https://api.github.com/users/stanleycyang/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/react-native-community/react-native-side-menu/labels/feedback%20needed","name":"feedback needed","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-06-18T06:57:12Z","updated_at":"2016-09-14T15:12:15Z","closed_at":null,"body":"Using the same styles as the example, this is what I am seeing when the menu is closed / opened:\r\n\r\n![screen shot 2016-06-17 at 11 53 51 pm](https://cloud.githubusercontent.com/assets/3037893/16169513/d566eea4-34e6-11e6-8bb8-9b8efad7ef1c.png)\r\n\r\nThis is the styling I'm using:\r\n\r\n```\r\nexport const sidebar = StyleSheet.create({\r\n  menu: {\r\n    flex: 1,\r\n    width: window.width,\r\n    height: window.height,\r\n    backgroundColor: 'gray',\r\n    padding: 20,\r\n  },\r\n  avatarContainer: {\r\n    marginBottom: 20,\r\n    marginTop: 20,\r\n  },\r\n  avatar: {\r\n    width: 48,\r\n    height: 48,\r\n    borderRadius: 24,\r\n    flex: 1,\r\n  },\r\n  name: {\r\n    position: 'absolute',\r\n    left: 70,\r\n    top: 20,\r\n  },\r\n  item: {\r\n    fontSize: 14,\r\n    fontWeight: '300',\r\n    paddingTop: 5,\r\n  }\r\n});\r\n```\r\n\r\nI'm rendering the **SideMenu** at the top:\r\n\r\n```js\r\nrender() {\r\n    const { isOpen } = this.state;\r\n    return (\r\n      <SideMenu\r\n        menu={ <Menu /> }\r\n        onChange={(isOpen) => this.updateMenuState(isOpen)}\r\n        isOpen={ isOpen }>\r\n\r\n        <View style={ pageStyles.body }>\r\n          <Header toggle={ this.toggleMenu } />\r\n          <NavTabs />\r\n        </View>\r\n\r\n      </SideMenu>\r\n    )\r\n  }\r\n```\r\n\r\nNot sure why the sidemenu does not hide. Any help would be appreciated.\r\n"},"comment":{"url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/comments/247046239","html_url":"https://github.com/react-native-community/react-native-side-menu/issues/227#issuecomment-247046239","issue_url":"https://api.github.com/repos/react-native-community/react-native-side-menu/issues/227","id":247046239,"user":{"login":"kerrison24","id":6263647,"avatar_url":"https://avatars.githubusercontent.com/u/6263647?v=3","gravatar_id":"","url":"https://api.github.com/users/kerrison24","html_url":"https://github.com/kerrison24","followers_url":"https://api.github.com/users/kerrison24/followers","following_url":"https://api.github.com/users/kerrison24/following{/other_user}","gists_url":"https://api.github.com/users/kerrison24/gists{/gist_id}","starred_url":"https://api.github.com/users/kerrison24/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kerrison24/subscriptions","organizations_url":"https://api.github.com/users/kerrison24/orgs","repos_url":"https://api.github.com/users/kerrison24/repos","events_url":"https://api.github.com/users/kerrison24/events{/privacy}","received_events_url":"https://api.github.com/users/kerrison24/received_events","type":"User","site_admin":false},"created_at":"2016-09-14T15:12:15Z","updated_at":"2016-09-14T15:12:15Z","body":"I'm having the same issue.\r\n\r\n@MacKentoch, I've tried your solution but I'm still experiencing the same issue. Is this more of a styling issue rather than a bug? Either way, I can't seem to solve the issue.\r\n\r\nMy render function:\r\n```javascript\r\nrender() {\r\n    const menu = <UserSidebarMenu/>\r\n    return (\r\n      <View style={{height: 500}}>\r\n        <SideMenu\r\n          menu={menu}\r\n          isOpen={this.state.open}\r\n          menuPosition=\"right\">\r\n          <Header\r\n            loaded={this.state.loaded}\r\n            initialMenuState={this.state.open}\r\n            callbackParent={this.childMenuStateChanged.bind(this)}/>\r\n          <View>\r\n            <Text>Main Area</Text>\r\n          </View>\r\n        </SideMenu>\r\n      </View>\r\n    )\r\n}\r\n```\r\nStyling for the menu within the side-menu:\r\n```css\r\nmenu: {\r\n    flex: 1,\r\n    width: window.width,\r\n    height: window.height,\r\n    backgroundColor: 'gray',\r\n    padding: 20\r\n}\r\n```\r\n"}}
{"actor":{"display_login":"kerrison24"}}