{"action":"created","issue":{"url":"https://api.github.com/repos/react-navigation/react-navigation/issues/469","repository_url":"https://api.github.com/repos/react-navigation/react-navigation","labels_url":"https://api.github.com/repos/react-navigation/react-navigation/issues/469/labels{/name}","comments_url":"https://api.github.com/repos/react-navigation/react-navigation/issues/469/comments","events_url":"https://api.github.com/repos/react-navigation/react-navigation/issues/469/events","html_url":"https://github.com/react-navigation/react-navigation/issues/469","id":209977652,"node_id":"MDU6SXNzdWUyMDk5Nzc2NTI=","number":469,"title":"DrawerNavigator cover cannot over headerbar on Android","user":{"login":"yapjinkun","id":16733273,"node_id":"MDQ6VXNlcjE2NzMzMjcz","avatar_url":"https://avatars2.githubusercontent.com/u/16733273?v=4","gravatar_id":"","url":"https://api.github.com/users/yapjinkun","html_url":"https://github.com/yapjinkun","followers_url":"https://api.github.com/users/yapjinkun/followers","following_url":"https://api.github.com/users/yapjinkun/following{/other_user}","gists_url":"https://api.github.com/users/yapjinkun/gists{/gist_id}","starred_url":"https://api.github.com/users/yapjinkun/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yapjinkun/subscriptions","organizations_url":"https://api.github.com/users/yapjinkun/orgs","repos_url":"https://api.github.com/users/yapjinkun/repos","events_url":"https://api.github.com/users/yapjinkun/events{/privacy}","received_events_url":"https://api.github.com/users/yapjinkun/received_events","type":"User","site_admin":false},"labels":[{"id":526653633,"node_id":"MDU6TGFiZWw1MjY2NTM2MzM=","url":"https://api.github.com/repos/react-navigation/react-navigation/labels/question","name":"question","color":"cc317c","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":16,"created_at":"2017-02-24T07:23:44Z","updated_at":"2018-08-03T07:02:09Z","closed_at":"2017-03-31T16:03:15Z","author_association":"NONE","body":"I'm having issue with Android, but IOS is fine, please refer screenshot below:\r\n\r\n![screenshot 2017-02-24 14 16 30](https://cloud.githubusercontent.com/assets/16733273/23293856/8c170fb2-faa3-11e6-93b0-957b2ec781d1.png)\r\n\r\n![screenshot_20170224-141355](https://cloud.githubusercontent.com/assets/16733273/23293995/40611e2c-faa4-11e6-89f9-e326bc6caa75.png)\r\n\r\nI'm using contentComponent for my drawer. How can I make it same as IOS? below is my code:\r\n\r\n```\r\nclass DrawerContent extends React.Component{\r\n  constructor(props) {\r\n    super(props)\r\n  }\r\n  render(){\r\n    return  (\r\n      <Image source={require('../../images/background.png')}\r\n      style={styles.container}>\r\n              <View style={{justifyContent: 'center',\r\n              alignItems: 'center',}}>\r\n                <Image style={styles.image} source={{uri: 'https://domain.com/avatar.png'}}/>\r\n                <Text style={{ color: '#ffffff', fontSize: 18, fontWeight: 'bold', paddingTop: 10 }}>Jane Wong</Text>\r\n                <Text style={{ color: '#ffffff', fontSize: 11, paddingTop: 10, paddingBottom: 20 }}>Since 2016 December</Text>\r\n              </View>\r\n              <View>\r\n              {\r\n                  navitems.map((l,i)=>{\r\n\r\n                    return (<TouchableOpacity key={i} style={{marginBottom:0.5}} onPress={()=>{\r\n                                                                                          this.props.navigation.navigate(l.nav)\r\n                                                                                        }\r\n                                                              }>\r\n                                <View style={{flexDirection:'row', padding: 15, paddingLeft:0, backgroundColor:'#fff0', borderTopWidth:0.5, borderColor:'rgba(255,255,255, 0.5)', marginLeft: 20, marginRight:20}}>\r\n                                  <Icon name={l.icon} size={20} style={{paddingLeft:10, paddingRight: 20, height: 25,  }} color=\"#ffffff\" />\r\n                                  <Text style={{fontSize:16, fontWeight: 'bold',color:'#fff'}}>{l.name}</Text>\r\n                                </View>\r\n                          </TouchableOpacity>)\r\n                  })\r\n              }\r\n              </View>\r\n          </Image>)\r\n  }\r\n}\r\n\r\nconst Drawer = DrawerNavigator(DrawerRoutes ,{\r\n  contentComponent:({navigation})=> <DrawerContent navigation={navigation} routes={DrawerRoutes} />,\r\n});\r\n\r\nDrawer.navigationOptions = {\r\n\r\n  contentOptions: {\r\n    activeBackgroundColor: '#ff5976',\r\n    style: {\r\n      backgroundColor: '#000000',\r\n      zIndex: 100,\r\n      paddingTop: 0\r\n    }\r\n  },\r\n  header: ({ state, setParams, navigate, dispatch })  => ({\r\n    visible: true,\r\n    tintColor: '#ffffff',\r\n    title: \"LokaLocal\",\r\n    style: {\r\n      backgroundColor: '#ff5976'\r\n    },\r\n    right: (\r\n        <TouchableOpacity\r\n          onPress={() => navigate('DrawerOpen')}\r\n        >\r\n          <Icon name=\"search\" size={16} style={{ padding: 10, paddingRight: 20 }} color=\"#ffffff\" />\r\n        </TouchableOpacity>\r\n      ),\r\n    left: (\r\n        <TouchableOpacity\r\n          onPress={}\r\n        >\r\n          <Icon name=\"bars\" size={16} style={{ padding: 10, paddingLeft: 20 }} color=\"#ffffff\" />\r\n        </TouchableOpacity>\r\n      ),\r\n  })\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    width: undefined,\r\n    height: undefined,\r\n    backgroundColor:'transparent',\r\n    paddingTop: 15,\r\n    flexDirection: 'column',\r\n    borderWidth:0,\r\n    marginTop:-85,\r\n    paddingTop:20,\r\n    zIndex:100,\r\n  },\r\n  icon: {\r\n    width: 24,\r\n    height: 24,\r\n  },\r\n  image: {\r\n    height: 110,\r\n    borderRadius: 55,\r\n    width: 110,\r\n    borderWidth: 3,\r\n    borderColor: '#ffffff',\r\n    marginTop: 30,\r\n  }\r\n});\r\n\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/react-navigation/react-navigation/issues/comments/410164153","html_url":"https://github.com/react-navigation/react-navigation/issues/469#issuecomment-410164153","issue_url":"https://api.github.com/repos/react-navigation/react-navigation/issues/469","id":410164153,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMDE2NDE1Mw==","user":{"login":"wzup","id":3880497,"node_id":"MDQ6VXNlcjM4ODA0OTc=","avatar_url":"https://avatars1.githubusercontent.com/u/3880497?v=4","gravatar_id":"","url":"https://api.github.com/users/wzup","html_url":"https://github.com/wzup","followers_url":"https://api.github.com/users/wzup/followers","following_url":"https://api.github.com/users/wzup/following{/other_user}","gists_url":"https://api.github.com/users/wzup/gists{/gist_id}","starred_url":"https://api.github.com/users/wzup/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wzup/subscriptions","organizations_url":"https://api.github.com/users/wzup/orgs","repos_url":"https://api.github.com/users/wzup/repos","events_url":"https://api.github.com/users/wzup/events{/privacy}","received_events_url":"https://api.github.com/users/wzup/received_events","type":"User","site_admin":false},"created_at":"2018-08-03T07:02:09Z","updated_at":"2018-08-03T07:02:09Z","author_association":"NONE","body":"@martnu \r\nYour solution doesn't render header"}}
{"actor":{"display_login":"wzup"}}