add SVG example. fixes #97

Author: gre

android/react-native-view-shot.iml

@@ -77,24 +77,16 @@
       <sourceFolder url="file://$MODULE_DIR$/src/test/java" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/test/rs" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/test/shaders" isTestSource="true" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/annotations" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/assets" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/blame" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/bundles" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/classes" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/dependency-cache" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/incremental" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/incremental-safeguard" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/jniLibs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/lint" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/manifests" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/res" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/rs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/shaders" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/symbols" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/transforms" />
       <excludeFolder url="file://$MODULE_DIR$/build/outputs" />
-      <excludeFolder url="file://$MODULE_DIR$/build/tmp" />
     </content>
     <orderEntry type="jdk" jdkName="Android API 26 Platform" jdkType="Android SDK" />
     <orderEntry type="sourceFolder" forTests="false" />

example/App.js

@@ -11,6 +11,7 @@ import {
   Slider,
   WebView
 } from "react-native";
+import SvgUri from "react-native-svg-uri";
 import omit from "lodash/omit";
 import { captureRef } from "react-native-view-shot";
 import { Surface } from "gl-react-native";
@@ -143,6 +144,7 @@ export default class App extends Component {
               onPress={this.snapshot("complex")}
             />
             <Btn label="📷 All (ScrollView)" onPress={this.snapshot("full")} />
+            <Btn label="📷 SVG" onPress={this.snapshot("svg")} />
             <Btn label="📷 GL React" onPress={this.snapshot("gl")} />
             <Btn label="📷 MapView" onPress={this.snapshot("mapview")} />
             <Btn label="📷 WebView" onPress={this.snapshot("webview")} />
@@ -252,9 +254,18 @@ export default class App extends Component {
         <View ref="empty" collapsable={false} />
         <View style={styles.experimental} ref="complex" collapsable={false}>
           <Text style={styles.experimentalTitle}>Experimental Stuff</Text>
-          <Surface ref="gl" width={300} height={300}>
-            <HelloGL blue={0.5} />
-          </Surface>
+          <View ref="svg" collapsable={false}>
+            <SvgUri
+              width={200}
+              height={200}
+              source={require("./homer-simpson.svg")}
+            />
+          </View>
+          <View ref="gl" collapsable={false}>
+            <Surface width={300} height={300}>
+              <HelloGL blue={0.5} />
+            </Surface>
+          </View>
           <MapView
             ref="mapview"
             initialRegion={{

example/android/app/build.gradle

@@ -84,7 +84,7 @@ def enableProguardInReleaseBuilds = false
 
 android {
     compileSdkVersion 23
-    buildToolsVersion '25.0.0'
+    buildToolsVersion '25.0.3'
 
     defaultConfig {
         applicationId "com.viewshotexample"
@@ -126,6 +126,7 @@ android {
 }
 
 dependencies {
+    compile project(':react-native-svg')
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"  // From node_modules

example/android/app/src/main/java/com/viewshotexample/MainApplication.java

@@ -5,6 +5,7 @@
 
 import com.airbnb.android.react.maps.MapsPackage;
 import com.facebook.react.ReactApplication;
+import com.horcrux.svg.SvgPackage;
 import com.brentvatne.react.ReactVideoPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
@@ -30,6 +31,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
+            new SvgPackage(),
             new ReactVideoPackage(),
           new RNViewShotPackage(),
           new MapsPackage(),

example/android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'ViewShotExample'
+include ':react-native-svg'
+project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
 
 include ':app'
 include ':react-native-view-shot'