add Transparency example

example/src/App.js

@@ -4,6 +4,7 @@ import { SafeAreaView, StatusBar, View, Text, TouchableOpacity, StyleSheet } fro
 import { createStackNavigator, createAppContainer } from 'react-navigation';
 import FullScreen from './Full';
 import ViewshootScreen from './Viewshoot';
+import TransparencyScreen from './Transparency';
 
 class HomeScreen extends React.Component {
   static navigationOptions = {
@@ -46,6 +47,9 @@ const screens = {
   Viewshoot: {
     screen: ViewshootScreen,
   },
+  Transparency: {
+    screen: TransparencyScreen,
+  },
 };
 
 const AppNavigator = createStackNavigator({

example/src/Transparency.js

@@ -0,0 +1,51 @@
+//@flow
+import React, { Component, useCallback, useState } from 'react';
+import { ScrollView, StyleSheet, Text, View, Button, Image } from 'react-native';
+import ViewShot from 'react-native-view-shot';
+
+const Transparency = () => {
+  const [source, setSource] = useState(null);
+  const onCapture = useCallback(uri => setSource({ uri }), []);
+  return (
+    <View
+      style={{
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'space-around',
+        flex: 1,
+        backgroundColor: '#ccc',
+      }}
+    >
+      <ViewShot onCapture={onCapture} captureMode="mount" style={{ width: 100, height: 100 }}>
+        <View
+          style={{
+            borderRadius: 50,
+            padding: 10,
+            width: 100,
+            height: 100,
+            backgroundColor: 'cyan',
+            borderWidth: 2,
+            borderColor: 'blue',
+          }}
+        />
+      </ViewShot>
+      <View
+        style={{
+          backgroundColor: '#f00',
+          width: 150,
+          height: 150,
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <Image source={source} style={{ width: 100, height: 100 }} />
+      </View>
+    </View>
+  );
+};
+
+Transparency.navigationProps = {
+  title: 'Transparency',
+};
+
+export default Transparency;