{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/4758","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":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-12-13T14:46:15Z","updated_at":"2015-12-14T02:33:32Z","closed_at":null,"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\r\n can't apply style left&top\r\n\r\nreact 0.14.0 winx64"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/164325863","html_url":"https://github.com/facebook/react-native/issues/4758#issuecomment-164325863","issue_url":"https://api.github.com/repos/facebook/react-native/issues/4758","id":164325863,"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},"created_at":"2015-12-14T02:33:31Z","updated_at":"2015-12-14T02:33:31Z","body":"@facebook-github-bot \r\nOK,thanks ,I Just tell you has a bug :)"}}