chore: update example to RN 0.63 (#36)

Author: Naturalclar

.flowconfig

@@ -2,56 +2,52 @@
 ; We fork some components by platform
 .*/*[.]android.js
 
-; Ignore "BUCK" generated dirs
-<PROJECT_ROOT>/\.buckd/
-
-; Ignore polyfills
-node_modules/react-native/Libraries/polyfills/.*
-
 ; These should not be required directly
 ; require from fbjs/lib instead: require('fbjs/lib/warning')
-node_modules/warning/.*
+.*/node_modules/warning/.*
 
 ; Flow doesn't support platforms
 .*/Libraries/Utilities/LoadingView.js
 
-; Ignore example folder
-.*/example/.*
-
-
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
 
 [include]
 
+[declarations]
+.*/node_modules/.*
+
 [libs]
-node_modules/react-native/Libraries/react-native/react-native-interface.js
-node_modules/react-native/flow/
+interface.js
+flow/
 
 [options]
 emoji=true
 
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
+exact_by_default=true
+
 module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.ios.js
 
 munge_underscores=true
 
 module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
-module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'	
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
+suppress_type=$FlowFixMeEmpty
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
-suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+experimental.well_formed_exports=true
+experimental.types_first=true
+experimental.abstract_locations=true
 
 [lints]
 sketchy-null-number=warn
@@ -61,10 +57,10 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
+unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -76,4 +72,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.105.0
+^0.127.0

.gitattributes

@@ -1 +1,3 @@
-*.pbxproj -text
+*.pbxproj -text
+# specific for windows script files
+*.bat text eol=crlf

.gitignore

@@ -29,6 +29,7 @@ DerivedData
 *.ipa
 *.xcuserstate
 project.xcworkspace
+*/ios/Pods
 
 
 # Android/IntelliJ
@@ -38,8 +39,12 @@ build/
 .gradle
 local.properties
 *.iml
+.project
+.settings
+.classpath
 
 # BUCK
 buck-out/
 \.buckd/
-*.keystore
+!debug.keystore
+*.keystore

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "flow.useNPMPackagedFlow": true,
+  "javascript.validate.enable": false
+}

example/.flowconfig

@@ -1,25 +1,13 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-'use strict';
-
-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/progress-view';
+import {StyleSheet, Text, SafeAreaView} from 'react-native';
+import {ProgressView} from '../js';
 
 type Props = {||};
 type State = {|
   progress: number,
 |};
 
-class ProgressViewExample extends React.Component<Props, State> {
+export class App extends React.Component<Props, State> {
   _rafId: ?AnimationFrameID = null;
 
   state = {
@@ -52,57 +40,47 @@ class ProgressViewExample extends React.Component<Props, State> {
 
   render() {
     return (
-      <View style={styles.container}>
-        <ProgressViewIOS
+      <SafeAreaView style={styles.container}>
+        <Text style={styles.header}>ProgressView Example</Text>
+        <ProgressView
           style={styles.progressView}
           progress={this.getProgress(0)}
         />
-        <ProgressViewIOS
+        <ProgressView
           style={styles.progressView}
           progressTintColor="purple"
           progress={this.getProgress(0.2)}
         />
-        <ProgressViewIOS
+        <ProgressView
           style={styles.progressView}
           progressTintColor="red"
           progress={this.getProgress(0.4)}
         />
-        <ProgressViewIOS
+        <ProgressView
           style={styles.progressView}
           progressTintColor="orange"
           progress={this.getProgress(0.6)}
         />
-        <ProgressViewIOS
+        <ProgressView
           style={styles.progressView}
           progressTintColor="yellow"
           progress={this.getProgress(0.8)}
         />
-      </View>
+      </SafeAreaView>
     );
   }
 }
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: -20,
+    flex: 1,
     backgroundColor: 'transparent',
   },
   progressView: {
     marginTop: 20,
   },
-});
-
-exports.displayName = (undefined: ?string);
-exports.framework = 'React';
-exports.title = 'ProgressViewIOS';
-exports.description = 'ProgressViewIOS';
-exports.examples = [
-  {
-    title: 'ProgressViewIOS',
-    render() {
-      return <ProgressViewExample />;
-    },
+  header: {
+    fontSize: 24,
+    fontWeight: '700',
   },
-];
-
-AppRegistry.registerComponent(appName, () => ProgressViewExample);
+});