Regenerate example app (#303)

Author: charpeni

.npmignore

@@ -1,4 +1,4 @@
-examples
+example
 
 # Assets
 docs

README.md

@@ -16,8 +16,6 @@ A component for UIVisualEffectView's blur and vibrancy effect on iOS, and [500px
 
 ### Installation
 
-**NOTE:** Latest version of the package is available in npm as `[email protected]`
-
 1. Install package via npm:
 
 ```
@@ -34,7 +32,7 @@ react-native link react-native-blur
 
 ```
 android {
-    // make sure to use 23.0.3 instead of 23.0.1
+    // make sure to use 23.0.3 or greater
     buildToolsVersion '23.0.3'
 
     // ...
@@ -50,10 +48,6 @@ android {
 
 ```javascript
 import { BlurView, VibrancyView } from "react-native-blur";
-
-// OR
-
-const { BlurView, VibrancyView } = require("react-native-blur");
 ```
 
 5. Compile and have fun!
@@ -186,10 +180,10 @@ cd ~
 git clone https://github.com/react-native-community/react-native-blur.git
 ```
 
-2. cd to `examples/Basic`
+2. cd to `example`
 
 ```
-cd react-native-blur/examples/Basic
+cd react-native-blur/example
 ```
 
 3. Install dependencies

android/build.gradle

@@ -37,5 +37,5 @@ repositories {
 }
 
 dependencies {
-    compile 'com.facebook.react:react-native:[0.32,)'
+    implementation 'com.facebook.react:react-native:+'
 }

examples/Basic/.buckconfig renamed to example/.buckconfig

@@ -0,0 +1,69 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+
+munge_underscores=true
+
+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\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.92.0

example/.flowconfig

@@ -46,8 +46,11 @@ buck-out/
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
 # screenshots whenever they are needed.
 # For more information about the recommended setup visit:
-# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
+# https://docs.fastlane.tools/best-practices/source-control/
 
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle

examples/Basic/.gitattributes renamed to example/.gitattributes

@@ -2,26 +2,24 @@
  * Basic [Android] Example for react-native-blur
  * https://github.com/react-native-community/react-native-blur
  */
-'use strict';
 import React, { Component } from 'react';
 import {
-  AppRegistry,
+  Dimensions,
   Image,
-  findNodeHandle,
+  InteractionManager,
   StyleSheet,
+  Switch,
   Text,
   View,
-  Dimensions,
-  Switch,
-  InteractionManager,
+  findNodeHandle,
 } from 'react-native';
-import AndroidSegmented from 'react-native-segmented-android';
+import SegmentedControlTab from 'react-native-segmented-control-tab';
 
 import { BlurView } from 'react-native-blur';
 
 const BLUR_TYPES = ['xlight', 'light', 'dark'];
 
-class Basic extends Component {
+export default class Basic extends Component {
   constructor() {
     super();
     this.state = {
@@ -72,18 +70,18 @@ class Basic extends Component {
           Blur component (Android)
         </Text>
 
-        <AndroidSegmented
+        <SegmentedControlTab
           tintColor={tintColor}
           style={{
             width: Dimensions.get('window').width,
             height: 28,
             justifyContent: 'center',
             alignItems: 'center',
           }}
-          childText={BLUR_TYPES}
+          values={BLUR_TYPES}
           orientation="horizontal"
-          selectedPosition={this.state.activeSegment}
-          onChange={this._onChange.bind(this)} />
+          selectedIndex={this.state.activeSegment}
+          onTabPress={this._onChange.bind(this)} />
 
       </View>
     );
@@ -148,5 +146,3 @@ const styles = StyleSheet.create({
     alignItems: 'flex-end',
   },
 });
-
-AppRegistry.registerComponent('Basic', () => Basic);

examples/Basic/.gitignore renamed to example/.gitignore

@@ -4,18 +4,17 @@
  */
 import React, { Component } from 'react';
 import {
-  AppRegistry,
-  StyleSheet,
-  Text,
   Image,
-  View,
   SegmentedControlIOS,
+  StyleSheet,
   Switch,
+  Text,
+  View,
 } from 'react-native';
 
 import { BlurView, VibrancyView } from 'react-native-blur';
 
-class Basic extends Component {
+export default class Basic extends Component {
   constructor(props) {
     super(props);
 
@@ -165,5 +164,3 @@ const styles = StyleSheet.create({
     alignItems: 'flex-end',
   },
 });
-
-AppRegistry.registerComponent('Basic', () => Basic);