Change imports to ES6 and import correct ProgressViewIOS

Author: kdenz

example/index.js

@@ -8,24 +8,23 @@
  * @flow
  */
 
-"use strict";
+'use strict';
 
-import { name as appName } from "./app.json";
-
-const React = require("react");
-const ReactNative = require("react-native");
-const { AppRegistry, ProgressViewIOS, StyleSheet, View } = ReactNative;
+import {name as appName} from './app.json';
+import * as React from 'react';
+import {AppRegistry, StyleSheet, View} from 'react-native';
+import ProgressViewIOS from '@react-native-community/react-native-progress-view';
 
 type Props = {||};
 type State = {|
-  progress: number
+  progress: number,
 |};
 
 class ProgressViewExample extends React.Component<Props, State> {
   _rafId: ?AnimationFrameID = null;
 
   state = {
-    progress: 0
+    progress: 0,
   };
 
   componentDidMount() {
@@ -40,7 +39,7 @@ class ProgressViewExample extends React.Component<Props, State> {
 
   updateProgress = () => {
     const progress = this.state.progress + 0.01;
-    this.setState({ progress });
+    this.setState({progress});
     this._rafId = requestAnimationFrame(() => this.updateProgress());
   };
 
@@ -87,24 +86,24 @@ class ProgressViewExample extends React.Component<Props, State> {
 const styles = StyleSheet.create({
   container: {
     marginTop: -20,
-    backgroundColor: "transparent"
+    backgroundColor: 'transparent',
   },
   progressView: {
-    marginTop: 20
-  }
+    marginTop: 20,
+  },
 });
 
 exports.displayName = (undefined: ?string);
-exports.framework = "React";
-exports.title = "ProgressViewIOS";
-exports.description = "ProgressViewIOS";
+exports.framework = 'React';
+exports.title = 'ProgressViewIOS';
+exports.description = 'ProgressViewIOS';
 exports.examples = [
   {
-    title: "ProgressViewIOS",
+    title: 'ProgressViewIOS',
     render() {
       return <ProgressViewExample />;
-    }
-  }
+    },
+  },
 ];
 
 AppRegistry.registerComponent(appName, () => ProgressViewExample);