{"action":"created","issue":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/21","repository_url":"https://api.github.com/repos/wix/react-native-navigation","labels_url":"https://api.github.com/repos/wix/react-native-navigation/issues/21/labels{/name}","comments_url":"https://api.github.com/repos/wix/react-native-navigation/issues/21/comments","events_url":"https://api.github.com/repos/wix/react-native-navigation/issues/21/events","html_url":"https://github.com/wix/react-native-navigation/issues/21","id":152046408,"number":21,"title":"Transparent Nav Bar","user":{"login":"chrissm79","id":1976169,"avatar_url":"https://avatars.githubusercontent.com/u/1976169?v=3","gravatar_id":"","url":"https://api.github.com/users/chrissm79","html_url":"https://github.com/chrissm79","followers_url":"https://api.github.com/users/chrissm79/followers","following_url":"https://api.github.com/users/chrissm79/following{/other_user}","gists_url":"https://api.github.com/users/chrissm79/gists{/gist_id}","starred_url":"https://api.github.com/users/chrissm79/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrissm79/subscriptions","organizations_url":"https://api.github.com/users/chrissm79/orgs","repos_url":"https://api.github.com/users/chrissm79/repos","events_url":"https://api.github.com/users/chrissm79/events{/privacy}","received_events_url":"https://api.github.com/users/chrissm79/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"gran33","id":1650967,"avatar_url":"https://avatars.githubusercontent.com/u/1650967?v=3","gravatar_id":"","url":"https://api.github.com/users/gran33","html_url":"https://github.com/gran33","followers_url":"https://api.github.com/users/gran33/followers","following_url":"https://api.github.com/users/gran33/following{/other_user}","gists_url":"https://api.github.com/users/gran33/gists{/gist_id}","starred_url":"https://api.github.com/users/gran33/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gran33/subscriptions","organizations_url":"https://api.github.com/users/gran33/orgs","repos_url":"https://api.github.com/users/gran33/repos","events_url":"https://api.github.com/users/gran33/events{/privacy}","received_events_url":"https://api.github.com/users/gran33/received_events","type":"User","site_admin":false},"milestone":null,"comments":3,"created_at":"2016-04-30T18:55:59Z","updated_at":"2016-05-29T11:58:46Z","closed_at":"2016-05-29T11:58:46Z","body":"I'm having an issue trying to create a completely transparent navigation bar ([something like this](https://dribbble.com/shots/2178004-Purchase-Classes/attachments/401177)). I attempted the styles below, but the background comes out looking almost black. Is there something wrong with my styles?\r\n\r\n```javascript\r\nexport default class Profile extends React.Component {\r\n  static navigatorStyle = {\r\n    navBarTextColor: '#FFFFFF',\r\n    navBarBackgroundColor: 'transparent', // Color is almost black\r\n    navBarButtonColor: '#007aff',\r\n    navBarHidden: false,\r\n    navBarHideOnScroll: false,\r\n    navBarTranslucent: true,\r\n    drawUnderNavBar: true,\r\n    drawUnderTabBar: true,\r\n    statusBarBlur: true,\r\n    navBarBlur: false, // If I set this to true, it properly blurs the background\r\n    tabBarHidden: false,\r\n    statusBarHideWithNavBar: false,\r\n    statusBarHidden: false,\r\n    statusBarTextColorScheme: 'light' // This doesn't seem to work either\r\n  };\r\n\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <FullBackground>  {/* Full screen image background */}\r\n        <View style={styles.container}>\r\n          {/* children */}\r\n        </View>\r\n      </FullBackground>\r\n    );\r\n  }\r\n}\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/comments/222356886","html_url":"https://github.com/wix/react-native-navigation/issues/21#issuecomment-222356886","issue_url":"https://api.github.com/repos/wix/react-native-navigation/issues/21","id":222356886,"user":{"login":"gran33","id":1650967,"avatar_url":"https://avatars.githubusercontent.com/u/1650967?v=3","gravatar_id":"","url":"https://api.github.com/users/gran33","html_url":"https://github.com/gran33","followers_url":"https://api.github.com/users/gran33/followers","following_url":"https://api.github.com/users/gran33/following{/other_user}","gists_url":"https://api.github.com/users/gran33/gists{/gist_id}","starred_url":"https://api.github.com/users/gran33/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gran33/subscriptions","organizations_url":"https://api.github.com/users/gran33/orgs","repos_url":"https://api.github.com/users/gran33/repos","events_url":"https://api.github.com/users/gran33/events{/privacy}","received_events_url":"https://api.github.com/users/gran33/received_events","type":"User","site_admin":false},"created_at":"2016-05-29T11:58:46Z","updated_at":"2016-05-29T11:58:46Z","body":"Hi @chrissm79,\r\nI added ```navBarTransparent: true/false(default)``` option.\r\nBest way yo use it:\r\n```\r\nnavBarBlur: true,\r\ndrawUnderNavBar: true,\r\nnavBarTransparent: true\r\n```\r\n\r\n>Note If u want to make the navigation bar transparent and blur back and forth make sure u r explicitly set `navBarTransparent: false` `navBarTransparent: true`\r\n\r\nPlease, update to latest version and enjoy :)"}}
{"actor":{"display_login":"gran33"}}