{"action":"closed","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/4334","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/4334/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/4334/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/4334/events","html_url":"https://github.com/facebook/react-native/issues/4334","id":118719561,"number":4334,"title":"[Navigator] Custom Bar","user":{"login":"rileybracken","id":3174647,"avatar_url":"https://avatars.githubusercontent.com/u/3174647?v=3","gravatar_id":"","url":"https://api.github.com/users/rileybracken","html_url":"https://github.com/rileybracken","followers_url":"https://api.github.com/users/rileybracken/followers","following_url":"https://api.github.com/users/rileybracken/following{/other_user}","gists_url":"https://api.github.com/users/rileybracken/gists{/gist_id}","starred_url":"https://api.github.com/users/rileybracken/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rileybracken/subscriptions","organizations_url":"https://api.github.com/users/rileybracken/orgs","repos_url":"https://api.github.com/users/rileybracken/repos","events_url":"https://api.github.com/users/rileybracken/events{/privacy}","received_events_url":"https://api.github.com/users/rileybracken/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":18,"created_at":"2015-11-24T22:42:39Z","updated_at":"2016-06-10T19:57:31Z","closed_at":"2016-06-10T19:57:30Z","body":"**The problem:**\r\nI ran into a problem where I needed to pass the navbar a custom view and there was no way to do it.\r\n\r\n**Application:**\r\nI needed a gradient inside of the navbar, and to my knowledge the only way to get a gradient is to add Brent Vatne's linear gradient plugin https://github.com/brentvatne/react-native-linear-gradient. I could see this being used if you needed a image in as a background as well.\r\n\r\nIn most cases I can see this only being useful if you need a gradient. That is why I think that a PR with my solution might be un-necessary.\r\n\r\n**The solution:**\r\nI made this work like when you want to render a header, a ScrollView or a row on ListViews.\r\n\r\n``` Javascript\r\n<Navigator\r\n    renderScene={ () => <SettingsIndex /> }\r\n    navigationBar={\r\n      <Navigator.NavigationBar\r\n        routeMapper={ NavigationBarRouteMapper }\r\n        renderBar={ () => this.renderCustomBar() }\r\n      />\r\n    }\r\n />\r\n\r\n```\r\n\r\n**Result:**\r\n![image](https://cloud.githubusercontent.com/assets/3174647/11382525/9436eba6-92bf-11e5-92c5-b544bbdfb18a.png)\r\n\r\nI guess my question is, will this help anyone else? I could do a PR for it, it was really easy to implement. To do a PR I would want to write some tests and some documentation as well."}}
{"actor":{"display_login":"ericvicenti"}}