{"action":"closed","issue":{"url":"https://api.github.com/repos/GeekyAnts/vue-native-core/issues/37","repository_url":"https://api.github.com/repos/GeekyAnts/vue-native-core","labels_url":"https://api.github.com/repos/GeekyAnts/vue-native-core/issues/37/labels{/name}","comments_url":"https://api.github.com/repos/GeekyAnts/vue-native-core/issues/37/comments","events_url":"https://api.github.com/repos/GeekyAnts/vue-native-core/issues/37/events","html_url":"https://github.com/GeekyAnts/vue-native-core/issues/37","id":334216863,"node_id":"MDU6SXNzdWUzMzQyMTY4NjM=","number":37,"title":"Display a returned React Component?","user":{"login":"thegeminisociety","id":8404805,"node_id":"MDQ6VXNlcjg0MDQ4MDU=","avatar_url":"https://avatars1.githubusercontent.com/u/8404805?v=4","gravatar_id":"","url":"https://api.github.com/users/thegeminisociety","html_url":"https://github.com/thegeminisociety","followers_url":"https://api.github.com/users/thegeminisociety/followers","following_url":"https://api.github.com/users/thegeminisociety/following{/other_user}","gists_url":"https://api.github.com/users/thegeminisociety/gists{/gist_id}","starred_url":"https://api.github.com/users/thegeminisociety/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thegeminisociety/subscriptions","organizations_url":"https://api.github.com/users/thegeminisociety/orgs","repos_url":"https://api.github.com/users/thegeminisociety/repos","events_url":"https://api.github.com/users/thegeminisociety/events{/privacy}","received_events_url":"https://api.github.com/users/thegeminisociety/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-06-20T19:26:03Z","updated_at":"2018-06-20T19:52:39Z","closed_at":"2018-06-20T19:52:38Z","author_association":"NONE","body":"Hello,\r\n\r\nI am trying to get SVG working within Vue Native. \r\n\r\n```\r\n<template>\r\n  <view>\r\n      {{svgNode}}\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport ReactNativeSvgParser from \"@target-corp/react-native-svg-parser\";\r\n\r\nexport default {\r\n  name: \"SVGTest\",\r\n\r\n  data() {\r\n    return {\r\n      svgNode: null\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    this.svgNode = ReactNativeSvgParser(\r\n      `<svg width=\"100\" height=\"100\">\r\n  <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"green\" stroke-width=\"4\" fill=\"yellow\" />\r\n</svg>`,\r\n      `.test { width:100 }`,\r\n      { width: 100, height: 100 }\r\n    );\r\n\r\n    console.log(this.svgNode);\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>\r\n```\r\n`ReactNativeSvgParser` returns a React Native Component. Is there a way to display this within my view? I may be missing something super simple...\r\n\r\nTested this within a CRNA project and the SVG displayed.\r\n\r\nHere is the console log of `this.svgNode`\r\n\r\n```\r\n14:17:07: Loaded\r\n14:17:07: Object {\r\n14:17:07:   \"$$typeof\": Symbol(react.element),\r\n14:17:07:   \"_owner\": null,\r\n14:17:07:   \"_store\": Object {},\r\n14:17:07:   \"key\": \"4.762655043808303\",\r\n14:17:07:   \"props\": Object {\r\n14:17:07:     \"children\": Array [\r\n14:17:07:       Object {\r\n14:17:07:         \"$$typeof\": Symbol(react.element),\r\n14:17:07:         \"_owner\": null,\r\n14:17:07:         \"_store\": Object {},\r\n14:17:07:         \"key\": \"2.190069244486452\",\r\n14:17:07:         \"props\": Object {\r\n14:17:07:           \"children\": Array [],\r\n14:17:07:           \"cx\": \"50\",\r\n14:17:07:           \"cy\": \"50\",\r\n14:17:07:           \"fill\": \"yellow\",\r\n14:17:07:           \"r\": \"40\",\r\n14:17:07:           \"stroke\": \"green\",\r\n14:17:07:           \"strokeWidth\": \"4\",\r\n14:17:07:         },\r\n14:17:07:         \"ref\": null,\r\n14:17:07:         \"type\": [Function _default],\r\n14:17:07:       },\r\n14:17:07:     ],\r\n14:17:07:     \"height\": 100,\r\n14:17:07:     \"preserveAspectRatio\": \"xMidYMid meet\",\r\n14:17:07:     \"viewBox\": \"0 0 50 50\",\r\n14:17:07:     \"width\": 100,\r\n14:17:07:   },\r\n14:17:07:   \"ref\": null,\r\n14:17:07:   \"type\": [Function Svg],\r\n14:17:07: }\r\n```\r\n\r\nThanks\r\n"}}
{"actor":{"display_login":"thegeminisociety"}}