{"action":"created","issue":{"url":"https://api.github.com/repos/react-community/react-native-maps/issues/100","repository_url":"https://api.github.com/repos/react-community/react-native-maps","labels_url":"https://api.github.com/repos/react-community/react-native-maps/issues/100/labels{/name}","comments_url":"https://api.github.com/repos/react-community/react-native-maps/issues/100/comments","events_url":"https://api.github.com/repos/react-community/react-native-maps/issues/100/events","html_url":"https://github.com/react-community/react-native-maps/issues/100","id":136732822,"number":100,"title":"Images inside Marker views are not always rendered on Android","user":{"login":"priithaamer","id":194640,"avatar_url":"https://avatars0.githubusercontent.com/u/194640?v=4","gravatar_id":"","url":"https://api.github.com/users/priithaamer","html_url":"https://github.com/priithaamer","followers_url":"https://api.github.com/users/priithaamer/followers","following_url":"https://api.github.com/users/priithaamer/following{/other_user}","gists_url":"https://api.github.com/users/priithaamer/gists{/gist_id}","starred_url":"https://api.github.com/users/priithaamer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/priithaamer/subscriptions","organizations_url":"https://api.github.com/users/priithaamer/orgs","repos_url":"https://api.github.com/users/priithaamer/repos","events_url":"https://api.github.com/users/priithaamer/events{/privacy}","received_events_url":"https://api.github.com/users/priithaamer/received_events","type":"User","site_admin":false},"labels":[{"id":318657339,"url":"https://api.github.com/repos/react-community/react-native-maps/labels/Android","name":"Android","color":"009800","default":false},{"id":305036006,"url":"https://api.github.com/repos/react-community/react-native-maps/labels/bug","name":"bug","color":"fc2929","default":true},{"id":776047249,"url":"https://api.github.com/repos/react-community/react-native-maps/labels/react-native","name":"react-native","color":"1a3dc9","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":51,"created_at":"2016-02-26T15:50:02Z","updated_at":"2018-03-09T14:38:07Z","closed_at":"2017-12-12T00:00:26Z","author_association":"NONE","body":"When using images within custom views on Markers like this, they are not always rendered on Android (sometimes they appear though):\n\n``` jsx\n<MapView.Marker coordinate={...}>\n  <View>\n    <Image source={require('./image.png')} />\n  </View>\n</MapView.Marker>\n```\n\nWith `adb logcat` i always see this error when image is not rendered:\n\n```\nE/unknown:DraweeEventTracker(19143): 1b82b058: Draw requested for a non-attached controller e80013b. DraweeHolder{controllerAttached=false, holderAttached=false, drawableVisible=true, activityStarted=true, events=[ON_SET_HIERARCHY, ON_SET_CONTROLLER]}\n```\n\nImages on markers only appear correctly on Android, when using `<Marker image=\"...\" />`\n\nI'm using React Native 0.20\n"},"comment":{"url":"https://api.github.com/repos/react-community/react-native-maps/issues/comments/371829847","html_url":"https://github.com/react-community/react-native-maps/issues/100#issuecomment-371829847","issue_url":"https://api.github.com/repos/react-community/react-native-maps/issues/100","id":371829847,"user":{"login":"shafayeatsumit","id":9054649,"avatar_url":"https://avatars2.githubusercontent.com/u/9054649?v=4","gravatar_id":"","url":"https://api.github.com/users/shafayeatsumit","html_url":"https://github.com/shafayeatsumit","followers_url":"https://api.github.com/users/shafayeatsumit/followers","following_url":"https://api.github.com/users/shafayeatsumit/following{/other_user}","gists_url":"https://api.github.com/users/shafayeatsumit/gists{/gist_id}","starred_url":"https://api.github.com/users/shafayeatsumit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shafayeatsumit/subscriptions","organizations_url":"https://api.github.com/users/shafayeatsumit/orgs","repos_url":"https://api.github.com/users/shafayeatsumit/repos","events_url":"https://api.github.com/users/shafayeatsumit/events{/privacy}","received_events_url":"https://api.github.com/users/shafayeatsumit/received_events","type":"User","site_admin":false},"created_at":"2018-03-09T14:38:07Z","updated_at":"2018-03-09T14:38:07Z","author_association":"NONE","body":"I have found a work around of this problem. first you set the coordinate into an animated region.\r\n`this.state = {\r\n coordinate: new MapView.AnimatedRegion({\r\n    latitude: 0,\r\n    longitude: 0,\r\n  })       \r\n}\r\n<MapView\r\n  style={styles.container}\r\n  initialRegion = {initCoordinates}\r\n  ref={ref => { this.map = ref; }}\r\n>\r\n  <MapView.Marker.Animated\r\n    coordinate={this.state.coordinate}\r\n    ref={marker => { this.marker = marker; }}\r\n    >\r\n    \r\n    <Image\r\n      style={{\r\n        width: 40,\r\n        height: 40,\r\n        resizeMode: 'contain',\r\n        zIndex:3\r\n      }}                \r\n      source={markerIcon}\r\n    />\r\n  </MapView.Marker.Animated>           \r\n</MapView>      \r\n`\r\nand then you update the marker with new coordinates, in the following way.\r\n`this.state.coordinate.timing(newCoordinate,1000).start();\r\n`\r\n"}}
{"actor":{"display_login":"shafayeatsumit"}}