{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/4758","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/4758/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/4758/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/4758/events","html_url":"https://github.com/facebook/react-native/issues/4758","id":121923491,"number":4758,"title":"components style bug","user":{"login":"Grart","id":6634875,"avatar_url":"https://avatars.githubusercontent.com/u/6634875?v=3","gravatar_id":"","url":"https://api.github.com/users/Grart","html_url":"https://github.com/Grart","followers_url":"https://api.github.com/users/Grart/followers","following_url":"https://api.github.com/users/Grart/following{/other_user}","gists_url":"https://api.github.com/users/Grart/gists{/gist_id}","starred_url":"https://api.github.com/users/Grart/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Grart/subscriptions","organizations_url":"https://api.github.com/users/Grart/orgs","repos_url":"https://api.github.com/users/Grart/repos","events_url":"https://api.github.com/users/Grart/events{/privacy}","received_events_url":"https://api.github.com/users/Grart/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/facebook/react-native/labels/For%20Stack%20Overflow","name":"For Stack Overflow","color":"fbca04"},{"url":"https://api.github.com/repos/facebook/react-native/labels/Icebox","name":"Icebox","color":"bfd4f2"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-12-13T14:46:15Z","updated_at":"2016-04-10T16:57:18Z","closed_at":"2016-04-10T16:53:59Z","body":"```javascript\r\n'use strict';\r\nvar React = require('react-native');\r\nvar {\r\n  StyleSheet,\r\n  PanResponder,\r\n  View,\r\n  Text\r\n} = React;\r\n\r\nvar CIRCLE_SIZE = 40;\r\n\r\nvar PanResponderExample = React.createClass({\r\n\r\ncomponentWillMount: function() {\r\n  this._panResponder = PanResponder.create({\r\n  onStartShouldSetPanResponder: ()=>true,\r\n  onMoveShouldSetPanResponder: ()=>true,\r\n  onPanResponderGrant: ()=>{},\r\n  onPanResponderMove: this._handlePanResponderMove,\r\n  onPanResponderRelease: ()=>{},\r\n  onPanResponderTerminate: ()=>{},\r\n  });\r\n  this._previousLeft = 20;\r\n  this._previousTop = 84;\r\n  this._circleStyles = {\r\n  left: this._previousLeft,\r\n  top: this._previousTop,\r\n  };\r\n},\r\n\r\nrender: function() {\r\n  return (\r\n  <View style={{backgroundColor: '#6495ed',flex: 1}}>\r\n  <View style={[styles.circle,this._circleStyles]}\r\n        {...this._panResponder.panHandlers} />\r\n\r\n  <Text style={ styles.bottomText}>\r\n    _previousLeft: {this._previousLeft},    \r\n    _previousTop: {this._previousTop},\r\n    left: {this._circleStyles.left},\r\n    top: {this._circleStyles.top}\r\n  </Text>\r\n  </View>\r\n  );\r\n},\r\n_handlePanResponderMove: function(e: Object, gestureState: Object) {\r\n  //**can't apply style left&top\r\n  //this._circleStyles.left = this._previousLeft + gestureState.dx;\r\n  //this._circleStyles.top = this._previousTop + gestureState.dy;\r\n\r\n\r\n  //**can apply style left&top\r\n  this._circleStyles = {\r\n    left: this._previousLeft + gestureState.dx,\r\n    top: this._previousTop + gestureState.dy\r\n  };\r\n\r\n  this.setState();\r\n}\r\n});\r\n\r\nvar styles = StyleSheet.create({\r\ncircle: {\r\n  width: CIRCLE_SIZE,\r\n  height: CIRCLE_SIZE,\r\n  borderRadius: CIRCLE_SIZE / 2,\r\n  backgroundColor: 'blue',\r\n  position: 'absolute'\r\n}\r\n});\r\n\r\nmodule.exports = PanResponderExample;\r\n\r\n```\r\n\r\n\r\non function _handlePanResponderMove\r\n```javascript\r\n  this._circleStyles.left = this._previousLeft + gestureState.dx;\r\n  this._circleStyles.top = this._previousTop + gestureState.dy;\r\n\r\n```\r\n can't apply style left&top\r\n\r\nbut,that can appy\r\n```javascript\r\n  this._circleStyles = {\r\n    left: this._previousLeft + gestureState.dx,\r\n    top: this._previousTop + gestureState.dy\r\n  };\r\n```\r\n\r\nreact 0.14.0 winx64"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/208015306","html_url":"https://github.com/facebook/react-native/issues/4758#issuecomment-208015306","issue_url":"https://api.github.com/repos/facebook/react-native/issues/4758","id":208015306,"user":{"login":"facebook-github-bot","id":6422482,"avatar_url":"https://avatars.githubusercontent.com/u/6422482?v=3","gravatar_id":"","url":"https://api.github.com/users/facebook-github-bot","html_url":"https://github.com/facebook-github-bot","followers_url":"https://api.github.com/users/facebook-github-bot/followers","following_url":"https://api.github.com/users/facebook-github-bot/following{/other_user}","gists_url":"https://api.github.com/users/facebook-github-bot/gists{/gist_id}","starred_url":"https://api.github.com/users/facebook-github-bot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/facebook-github-bot/subscriptions","organizations_url":"https://api.github.com/users/facebook-github-bot/orgs","repos_url":"https://api.github.com/users/facebook-github-bot/repos","events_url":"https://api.github.com/users/facebook-github-bot/events{/privacy}","received_events_url":"https://api.github.com/users/facebook-github-bot/received_events","type":"User","site_admin":false},"created_at":"2016-04-10T16:57:18Z","updated_at":"2016-04-10T16:57:18Z","body":"Hey @Grart and thanks for posting this! @mkonicek tells me this issue looks like a question that would be best asked on [StackOverflow](http://stackoverflow.com/questions/tagged/react-native). StackOverflow is amazing for Q&A: it has a reputation system, voting, the ability to mark a question as answered. Because of the reputation system it is likely the community will see and answer your question there. This also helps us use the GitHub bug tracker for bugs only. Will close this as this is really a question that should be asked on SO."}}