add example of Offscreen rendering

example/src/App.js

@@ -18,6 +18,7 @@ import SVGUriScreen from './SVGUri';
 import ARTScreen from './ART';
 import FSScreen from './FS';
 import ModalScreen from './Modal';
+import OffscreenScreen from './Offscreen';
 
 const screens = {
   Full: {
@@ -56,6 +57,9 @@ const screens = {
   Transparency: {
     screen: TransparencyScreen,
   },
+  Offscreen: {
+    screen: OffscreenScreen,
+  },
 };
 
 ///////////////////////////////////////////////////

example/src/Offscreen.js

@@ -0,0 +1,40 @@
+//@flow
+import React, { useState, useCallback } from 'react';
+import { SafeAreaView, Image, View } from 'react-native';
+import ViewShot from 'react-native-view-shot';
+import SvgUri from 'react-native-svg-uri';
+import Desc from './Desc';
+
+const OffscreenViewShot = ({ width, height, ...rest }) => (
+  <ViewShot {...rest} style={{ width, height, position: 'absolute', right: -width - 5 }} />
+);
+
+const SvgUriExample = () => {
+  const [source, setSource] = useState(null);
+  const onCapture = useCallback(uri => setSource({ uri }), []);
+
+  const width = 300;
+  const height = 300;
+
+  return (
+    <SafeAreaView>
+      <Desc desc="We have rendered this SVG as image offscreen:" />
+      <Image source={source} style={{ width, height }} />
+
+      <OffscreenViewShot
+        captureMode="continuous"
+        onCapture={onCapture}
+        width={width}
+        height={height}
+      >
+        <SvgUri width={200} height={200} source={require('./homer-simpson.svg')} />
+      </OffscreenViewShot>
+    </SafeAreaView>
+  );
+};
+
+SvgUriExample.navigationOptions = {
+  title: 'Offscreen',
+};
+
+export default SvgUriExample;