{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/1691","labels_url":"https://api.github.com/repos/facebook/react-native/issues/1691/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/1691/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/1691/events","html_url":"https://github.com/facebook/react-native/issues/1691","id":89691419,"number":1691,"title":"[Text] 0.6.0-rc seems to ignore backgroundColor: 'transparent'","user":{"login":"isair","id":988213,"avatar_url":"https://avatars.githubusercontent.com/u/988213?v=3","gravatar_id":"","url":"https://api.github.com/users/isair","html_url":"https://github.com/isair","followers_url":"https://api.github.com/users/isair/followers","following_url":"https://api.github.com/users/isair/following{/other_user}","gists_url":"https://api.github.com/users/isair/gists{/gist_id}","starred_url":"https://api.github.com/users/isair/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/isair/subscriptions","organizations_url":"https://api.github.com/users/isair/orgs","repos_url":"https://api.github.com/users/isair/repos","events_url":"https://api.github.com/users/isair/events{/privacy}","received_events_url":"https://api.github.com/users/isair/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-06-20T00:28:01Z","updated_at":"2015-06-20T18:00:56Z","closed_at":null,"body":"In my app's sign-in screen I have a title text placed on top of a video. Due to the changes introduced in 0.6.0 I changed the title's style to include `backgroundColor: 'transparent'`. However it shows as black, and if I change it to something else like 'red' it appears that color successfully. Here is a stripped down version of my component:\r\n\r\n```js\r\nvar styles = StyleSheet.create({\r\n  container: {\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    flex: 1\r\n  },\r\n  dimming: {\r\n    backgroundColor: 'black',\r\n    opacity: 0.35\r\n  },\r\n  title: {\r\n    fontSize: 30,\r\n    fontWeight: '100',\r\n    backgroundColor: 'transparent',\r\n    color: 'white',\r\n    marginBottom: 20,\r\n  }\r\n});\r\n\r\nvar LogInScreen = React.createClass({\r\n  propTypes: {\r\n    onLogIn: PropTypes.func.isRequired,\r\n  },\r\n  getInitialState: function() {\r\n    return {\r\n      authenticating: false\r\n    };\r\n  },\r\n  _handleSuccessfulLogIn: function(logInHandler) {\r\n    return (session) => {\r\n      this.setState({\r\n        authenticating: true\r\n      });\r\n      TokenStore.getTokenUsingProvider('twitter', session.authToken, session.authTokenSecret)\r\n        .then((token) => {\r\n          this.setState({\r\n            authenticating: false\r\n          });\r\n          logInHandler(token);\r\n        })\r\n        .catch((error) => {\r\n          this.setState({\r\n            authenticating: false\r\n          });\r\n          AlertIOS.alert('Authentication Failed', error.message);\r\n        })\r\n        .done();\r\n    }\r\n  },\r\n  _handleFailedLogIn: function(error: any) {\r\n    if (error.code != 1) {\r\n      AlertIOS.alert('Failed to authenticate using Twitter', error.localizedDescription);\r\n    }\r\n  },\r\n  render: function() {\r\n    var authenticationComponent;\r\n    if (this.state.authenticating) {\r\n      authenticationComponent = <ActivityIndicatorIOS animating={true} color='white' />;\r\n    } else {\r\n      authenticationComponent = <TwitterLogInButton underlayColor='#00aced' onSuccess={this._handleSuccessfulLogIn(this.props.onLogIn)} onFailure={this._handleFailedLogIn} />;\r\n    }\r\n    return (\r\n      <View style={styles.container}>\r\n        <Video source={{uri: 'background'}} resizeMode='cover' repeat={true} style={generalStyles.fullScreen} />\r\n        <View style={[generalStyles.fullScreen, styles.dimming]} />\r\n        <Text style={styles.title}>Here be <Text style={generalStyles.boldText}>Title</Text></Text>\r\n        {authenticationComponent}\r\n      </View>\r\n    );\r\n  }\r\n});\r\n```"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/113795961","html_url":"https://github.com/facebook/react-native/issues/1691#issuecomment-113795961","issue_url":"https://api.github.com/repos/facebook/react-native/issues/1691","id":113795961,"user":{"login":"nicklockwood","id":546885,"avatar_url":"https://avatars.githubusercontent.com/u/546885?v=3","gravatar_id":"","url":"https://api.github.com/users/nicklockwood","html_url":"https://github.com/nicklockwood","followers_url":"https://api.github.com/users/nicklockwood/followers","following_url":"https://api.github.com/users/nicklockwood/following{/other_user}","gists_url":"https://api.github.com/users/nicklockwood/gists{/gist_id}","starred_url":"https://api.github.com/users/nicklockwood/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nicklockwood/subscriptions","organizations_url":"https://api.github.com/users/nicklockwood/orgs","repos_url":"https://api.github.com/users/nicklockwood/repos","events_url":"https://api.github.com/users/nicklockwood/events{/privacy}","received_events_url":"https://api.github.com/users/nicklockwood/received_events","type":"User","site_admin":false},"created_at":"2015-06-20T18:00:56Z","updated_at":"2015-06-20T18:00:56Z","body":"Either should work, but in the case of text, this wasn't working as expected. I've fixed it, but haven't been able to land the fix for a few days due to Travis issues."}}