Add FS example

example/ios/Podfile.lock

@@ -96,6 +96,8 @@ PODS:
     - React-fishhook (= 0.60.4)
   - ReactNativeART (1.0.1):
     - React
+  - RNFS (2.14.1):
+    - React
   - RNGestureHandler (1.3.0):
     - React
   - RNGL (2.42.1):
@@ -135,6 +137,7 @@ DEPENDENCIES:
   - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
   - React-RCTWebSocket (from `../node_modules/react-native/Libraries/WebSocket`)
   - "ReactNativeART (from `../node_modules/@react-native-community/art`)"
+  - RNFS (from `../node_modules/react-native-fs`)
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
   - RNGL (from `../node_modules/gl-react-native`)
   - RNReanimated (from `../node_modules/react-native-reanimated`)
@@ -200,6 +203,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/Libraries/WebSocket"
   ReactNativeART:
     :path: "../node_modules/@react-native-community/art"
+  RNFS:
+    :path: "../node_modules/react-native-fs"
   RNGestureHandler:
     :path: "../node_modules/react-native-gesture-handler"
   RNGL:
@@ -240,6 +245,7 @@ SPEC CHECKSUMS:
   React-RCTVibration: 0bea40cd51bd089bd591a8f74c86e91fdf2666c5
   React-RCTWebSocket: 163873f4cdd5f1058a9483443404fc3801581cb6
   ReactNativeART: d230fdaf9a6d15d5ec842355ada1edbe326c49d0
+  RNFS: a8fbe7060fa49157d819466404794ad9c58e58cf
   RNGestureHandler: 5329a942fce3d41c68b84c2c2276ce06a696d8b0
   RNGL: cb1021a8021300492e6413d17700113d0e65cee1
   RNReanimated: 1b52415c4302f198cb581282a0166690bad62c43

example/package.json

@@ -15,6 +15,7 @@
     "react": "16.8.6",
     "react-native": "0.60.4",
     "react-native-canvas": "^0.1.33",
+    "react-native-fs": "^2.14.1",
     "react-native-gesture-handler": "^1.3.0",
     "react-native-maps": "^0.25.0",
     "react-native-reanimated": "^1.2.0",

example/src/App.js

@@ -15,6 +15,7 @@ import CanvasScreen from './Canvas';
 import GLReactV2Screen from './GLReactV2';
 import SVGUriScreen from './SVGUri';
 import ARTScreen from './ART';
+import FSScreen from './FS';
 import ModalScreen from './Modal';
 
 const screens = {
@@ -33,6 +34,9 @@ const screens = {
   ART: {
     screen: ARTScreen,
   },
+  FS: {
+    screen: FSScreen,
+  },
   Canvas: {
     screen: CanvasScreen,
   },

example/src/FS.js

@@ -0,0 +1,38 @@
+//@flow
+import React, { useState, useCallback } from 'react';
+import { SafeAreaView, Image, View } from 'react-native';
+import ViewShot from 'react-native-view-shot';
+import RNFS from 'react-native-fs';
+import Desc from './Desc';
+
+const dimension = { width: 50, height: 50 };
+
+const FSExample = () => {
+  const [source, setSource] = useState(null);
+  const onCapture = useCallback(async file => {
+    const data = await RNFS.readFile(file, 'base64');
+    setSource({ uri: 'data:image/png;base64,' + data });
+  }, []);
+  return (
+    <SafeAreaView>
+      <ViewShot onCapture={onCapture} captureMode="mount" style={dimension}>
+        <View
+          style={{
+            ...dimension,
+            backgroundColor: 'red',
+          }}
+        />
+      </ViewShot>
+
+      <Desc desc="FS to get the image from captured file" />
+
+      <Image source={source} style={dimension} />
+    </SafeAreaView>
+  );
+};
+
+FSExample.navigationOptions = {
+  title: 'react-native-fs',
+};
+
+export default FSExample;

example/yarn.lock

@@ -1240,6 +1240,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
+base-64@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/base-64/-/base-64-0.1.0.tgz#780a99c84e7d600260361511c4877613bf24f6bb"
+  integrity sha1-eAqZyE59YAJgNhURxId2E78k9rs=
+
 base64-js@^1.1.2, base64-js@^1.2.3:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
@@ -4314,6 +4319,14 @@ react-native-canvas@^0.1.33:
   dependencies:
     ctx-polyfill "^1.1.4"
 
+react-native-fs@^2.14.1:
+  version "2.14.1"
+  resolved "https://registry.yarnpkg.com/react-native-fs/-/react-native-fs-2.14.1.tgz#61c70a865b5b5bcb020dd4e4befd60a2c20c836f"
+  integrity sha512-ZcfiwNP+FBgvv2eRk0B62/NI58mbjszjjYvQlP352HLkUqVsK4Ld6X8fdBO1lZAz6SgitUk8WEc9NEciRIt31g==
+  dependencies:
+    base-64 "^0.1.0"
+    utf8 "^2.1.1"
+
 react-native-gesture-handler@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.3.0.tgz#d0386f565928ccc1849537f03f2e37fd5f6ad43f"
@@ -5365,6 +5378,11 @@ use@^3.1.0:
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
   integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
 
+utf8@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/utf8/-/utf8-2.1.2.tgz#1fa0d9270e9be850d9b05027f63519bf46457d96"
+  integrity sha1-H6DZJw6b6FDZsFAn9jUZv0ZFfZY=
+
 util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"