lint example

example/src/ART.js

@@ -1,8 +1,9 @@
+/* eslint-disable react-native/no-inline-styles */
 //@flow
 import React, { useState, useCallback } from 'react';
 import { SafeAreaView, Image, View } from 'react-native';
 import ViewShot from 'react-native-view-shot';
-import { Surface, Group, Shape, Path } from '@react-native-community/art';
+import { Surface, Group, Shape } from '@react-native-community/art';
 import Desc from './Desc';
 
 const dimension = { width: 300, height: 300 };

example/src/Canvas.js

@@ -1,9 +1,7 @@
 //@flow
 import React, { useRef, useState, useEffect, useCallback } from 'react';
-import { SafeAreaView, Image, View } from 'react-native';
+import { SafeAreaView, Image } from 'react-native';
 import ViewShot from 'react-native-view-shot';
-import { Surface, Group, Shape } from '@react-native-community/art';
-import Desc from './Desc';
 import Canvas from 'react-native-canvas';
 
 const dimension = { width: 300, height: 300 };
@@ -20,7 +18,7 @@ const CanvasRendering = ({ onDrawn }) => {
     ctx.fillRect(140, 50, 60, 60);
     const timeout = setTimeout(onDrawn, 1000); // hack. react-native-canvas have no way to tell when it's executed
     return () => clearTimeout(timeout);
-  }, []);
+  }, [onDrawn]);
   return <Canvas ref={ref} style={dimension} />;
 };
 

example/src/Desc.js

@@ -12,7 +12,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const Desc = ({ desc }) => {
+const Desc = ({ desc }: { desc: string }) => {
   return <Text style={styles.desc}>{desc}</Text>;
 };
 

example/src/FS.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-native/no-inline-styles */
 //@flow
 import React, { useState, useCallback } from 'react';
 import { SafeAreaView, Image, View } from 'react-native';

example/src/Transparency.js

@@ -1,6 +1,7 @@
+/* eslint-disable react-native/no-inline-styles */
 //@flow
-import React, { Component, useCallback, useState } from 'react';
-import { ScrollView, StyleSheet, Text, View, Button, Image } from 'react-native';
+import React, { useCallback, useState } from 'react';
+import { View, Image } from 'react-native';
 import ViewShot from 'react-native-view-shot';
 
 const Transparency = () => {

example/src/Viewshoot.js

@@ -83,8 +83,10 @@ export default class Viewshoot extends Component {
     );
   }
 
+  full = React.createRef();
+
   captureViewShoot() {
-    this.refs.full.capture().then(uri => {
+    this.full.current.capture().then(uri => {
       console.log('do something with ', uri);
       this.setState({ res: { uri: uri } });
     });
@@ -94,7 +96,7 @@ export default class Viewshoot extends Component {
     return (
       <ScrollView style={styles.container}>
         <ViewShot
-          ref="full"
+          ref={this.full}
           options={{ format: this.state.options.format, quality: this.state.options.quality }}
           style={styles.container}
         >