Add SVGExample + test + add to the readme

README.md

@@ -15,5 +15,6 @@ It also serves as a catalog for all react-native pacakges in the community.
 
 ## Packages
 
+* [react-native-svg](https://github.com/react-native-community/react-native-svg)
 * [react-native-ux-cam](https://github.com/negativetwelve/react-native-ux-cam)
 * [react-native-video](https://github.com/react-native-community/react-native-video)

js/components/PackagesView.js

@@ -3,6 +3,7 @@ import React from 'react';
 import {StyleSheet, View} from 'react-native';
 
 // Packages
+import SVGExample from '../examples/SVGExample';
 import UXCamExample from '../examples/UXCamExample';
 import VideoExample from '../examples/VideoExample';
 
@@ -16,6 +17,7 @@ const styles = StyleSheet.create({
 
 export default () => (
   <View style={styles.container}>
+    <SVGExample />
     <UXCamExample />
     <VideoExample />
   </View>

js/examples/SVGExample.js

@@ -0,0 +1,17 @@
+// Libraries
+import React from 'react';
+import {StyleSheet, View} from 'react-native';
+import SVG from 'react-native-svg';
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
+
+
+// TODO(mark): We need to add a example components from react-native-svg.
+export default () => (
+  <View />
+);

js/examples/__tests__/SVGExample.spec.js

@@ -0,0 +1,14 @@
+// Libraries
+import 'react-native';
+import React from 'react';
+import Renderer from 'react-test-renderer';
+
+// Components
+import SVGExample from '../SVGExample';
+
+
+it('renders correctly', () => {
+  const tree = Renderer.create(
+    <SVGExample />
+  );
+});