fix: svg display issues

Author: triniwiz

CanvasNative.podspec

@@ -2,7 +2,7 @@ Pod::Spec.new do |s|
 
     s.name         = "CanvasNative"
 
-    s.version      = "1.0.0-alpha.0"
+    s.version      = "1.0.0-alpha.1"
 
     s.summary      = "A Canvas library"
 

packages/canvas/SVG/SVG.ts

@@ -135,6 +135,7 @@ export class Svg extends View {
 	__redraw() {
 		if (this.__attachedToDom) {
 			const domCopy = this._dom.valueOf();
+			const serialized = this._serializer.serializeToString(domCopy);
 			const width = domCopy.documentElement.getAttribute('width');
 			const height = domCopy.documentElement.getAttribute('height');
 			if (width === 'auto') {
@@ -143,15 +144,23 @@ export class Svg extends View {
 			if (height === 'auto') {
 				domCopy.documentElement.setAttribute('height', `${this.getMeasuredHeight()}px`);
 			}
-			const serialized = this._serializer.serializeToString(domCopy);
 			if (serialized !== initialSVG) {
 				this.src = serialized;
 			}
 		}
 	}
 
-	createNativeView(): Object {
+	onLoaded() {
+		super.onLoaded();
 		this.__attachedToDom = true;
+	}
+
+	onUnloaded() {
+		this.__attachedToDom = false;
+		super.onUnloaded();
+	}
+
+	createNativeView(): Object {
 		return this._svg;
 	}
 

packages/canvas/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/canvas",
-	"version": "1.0.0-alpha.0",
+	"version": "1.0.0-alpha.1",
 	"description": "DOM Canvas API for NativeScript",
 	"main": "index",
 	"typings": "index.d.ts",
@@ -31,5 +31,9 @@
 	"license": "Apache-2.0",
 	"homepage": "https://github.com/NativeScript/canvas",
 	"readmeFilename": "README.md",
-	"bootstrapper": "@nativescript/plugin-seed"
+	"bootstrapper": "@nativescript/plugin-seed",
+	"dependencies": {
+		"xmldom": "~0.6.0",
+		"@nativescript-community/gesturehandler": "0.1.45"
+	}
 }

packages/canvas/platforms/android/include.gradle

@@ -6,5 +6,5 @@ allprojects {
 }
 
 dependencies {
-   implementation 'org.nativescript:canvas:1.0.0-alpha.0'
+   implementation 'org.nativescript:canvas:1.0.0-alpha.1'
 }

packages/canvas/platforms/ios/Podfile

@@ -2,5 +2,5 @@ use_frameworks!
 platform :ios, '11.0'
 #pod 'CanvasNative' , '~> 1.0.0.alpha.0'
 #pod 'CanvasNative', :path => "$(SRCROOT)/../../../../../"
-pod 'CanvasNative', :git => 'https://github.com/NativeScript/canvas.git', :tag => '1.0.0-alpha.0'
+pod 'CanvasNative', :git => 'https://github.com/NativeScript/canvas.git', :tag => '1.0.0-alpha.1'