├── .editorconfig ├── .eslintrc ├── .gitignore ├── .jshintrc ├── .npmignore ├── DVEffects ├── DVEffectsView.h ├── DVEffectsView.m ├── DVEffectsViewManager.h └── DVEffectsViewManager.m ├── README.md ├── example ├── EffectsApp │ ├── .flowconfig │ ├── .gitignore │ ├── .watchmanconfig │ ├── iOS │ │ ├── EffectsApp.xcodeproj │ │ │ ├── project.pbxproj │ │ │ └── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ └── EffectsApp.xcscheme │ │ ├── EffectsApp │ │ │ ├── AppDelegate.h │ │ │ ├── AppDelegate.m │ │ │ ├── Base.lproj │ │ │ │ └── LaunchScreen.xib │ │ │ ├── Images.xcassets │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ ├── AppIcon@2x.png │ │ │ │ │ └── Contents.json │ │ │ ├── Info.plist │ │ │ └── main.m │ │ └── EffectsAppTests │ │ │ ├── EffectsAppTests.m │ │ │ └── Info.plist │ ├── img │ │ ├── Bitcoin@2x.png │ │ ├── ButtonRoundRect@2x.png │ │ ├── Camera@2x.png │ │ ├── Genius@2x.png │ │ └── Yosemite.png │ ├── index.ios.js │ └── package.json └── UIVisualEffects.png ├── index.ios.js ├── package.json └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 4 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [package.json] 13 | indent_size = 2 14 | 15 | [*.md] 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | // http://eslint.org/docs/rules 2 | { 3 | "parser": "babel-eslint", 4 | "env": { 5 | "browser": true, 6 | "node": true 7 | }, 8 | "plugins": [ 9 | "react" 10 | ], 11 | "rules": { 12 | "quotes": [2, "single"], 13 | "no-underscore-dangle": 0, 14 | "no-unused-vars": 1, 15 | "no-unused-expressions": 0, 16 | "react/jsx-no-undef": 2, 17 | "yoda": 0, 18 | "no-use-before-define": 0, 19 | "comma-dangle": 0 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | *.log 4 | 5 | # Xcode 6 | *.pbxuser 7 | !default.pbxuser 8 | *.mode1v3 9 | !default.mode1v3 10 | *.mode2v3 11 | !default.mode2v3 12 | *.perspectivev3 13 | !default.perspectivev3 14 | xcuserdata 15 | *.xccheckout 16 | *.moved-aside 17 | DerivedData 18 | *.hmap 19 | *.ipa 20 | *.xcuserstate 21 | -------------------------------------------------------------------------------- /.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "asi" : false, 3 | "bitwise" : true, 4 | "browser": false, 5 | "boss" : false, 6 | "curly" : true, 7 | "debug": false, 8 | "devel": false, 9 | "eqeqeq": true, 10 | "evil": false, 11 | "esnext": true, 12 | "expr": true, 13 | "forin": false, 14 | "immed": true, 15 | "indent": 4, 16 | "latedef" : false, 17 | "laxbreak": false, 18 | "multistr": true, 19 | "newcap": false, 20 | "noarg": true, 21 | "node" : true, 22 | "noempty": false, 23 | "nonew": true, 24 | "onevar": false, 25 | "plusplus": false, 26 | "regexp": false, 27 | "strict": false, 28 | "sub": false, 29 | "trailing" : true, 30 | "undef": true, 31 | "unused": "vars" 32 | } 33 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | examples 2 | example 3 | -------------------------------------------------------------------------------- /DVEffects/DVEffectsView.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface DVEffectsView : RCTView 5 | 6 | @property (nonatomic, strong) NSString *blurStyle; 7 | @property (nonatomic) BOOL vibrant; 8 | 9 | @end 10 | -------------------------------------------------------------------------------- /DVEffects/DVEffectsView.m: -------------------------------------------------------------------------------- 1 | #import "DVEffectsView.h" 2 | 3 | @interface DVEffectsView () 4 | 5 | @property (nonatomic, strong) UIVisualEffectView *effectsView; 6 | 7 | @end 8 | 9 | @implementation DVEffectsView 10 | 11 | - (instancetype)init 12 | { 13 | self = [super init]; 14 | return self; 15 | } 16 | 17 | - (void)layoutSubviews 18 | { 19 | [super layoutSubviews]; 20 | 21 | if ([self.subviews containsObject:self.effectsView] == NO) { 22 | UIBlurEffect *blurEffect = [self createBlurEffect]; 23 | self.effectsView = [[UIVisualEffectView alloc] initWithEffect:blurEffect]; 24 | [self.effectsView setFrame:self.bounds]; 25 | [self insertSubview:self.effectsView atIndex:[self.subviews count]]; 26 | 27 | if (self.vibrant == YES) { 28 | UIVibrancyEffect *vibrancyEffect = [UIVibrancyEffect effectForBlurEffect:blurEffect]; 29 | UIVisualEffectView *vibrancyEffectView = [[UIVisualEffectView alloc] initWithEffect:vibrancyEffect]; 30 | [vibrancyEffectView setFrame:self.bounds]; 31 | 32 | // vibrancy view is always first 33 | [[vibrancyEffectView contentView] addSubview:self.subviews[0]]; 34 | [[self.effectsView contentView] addSubview:vibrancyEffectView]; 35 | } 36 | } 37 | } 38 | 39 | - (UIBlurEffect *)createBlurEffect 40 | { 41 | UIBlurEffect *blurEffect; 42 | if ([self.blurStyle isEqualToString:@"extraLight"]) { 43 | blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight]; 44 | } else if ([self.blurStyle isEqualToString:@"dark"]) { 45 | blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]; 46 | } else { 47 | blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; 48 | } 49 | return blurEffect; 50 | } 51 | 52 | @end 53 | -------------------------------------------------------------------------------- /DVEffects/DVEffectsViewManager.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import "DVEffectsView.h" 3 | 4 | @interface DVEffectsViewManager : RCTViewManager 5 | 6 | @end 7 | -------------------------------------------------------------------------------- /DVEffects/DVEffectsViewManager.m: -------------------------------------------------------------------------------- 1 | #import "DVEffectsViewManager.h" 2 | 3 | @implementation DVEffectsViewManager 4 | 5 | RCT_EXPORT_MODULE(); 6 | 7 | - (UIView *)view 8 | { 9 | return [[DVEffectsView alloc] init]; 10 | } 11 | 12 | RCT_EXPORT_VIEW_PROPERTY(blurStyle, NSString); 13 | RCT_EXPORT_VIEW_PROPERTY(vibrant, BOOL); 14 | 15 | @end 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ReactNativeEffectsView 2 | 3 | [![npm version](http://badge.fury.io/js/react-native-effects-view.svg)](http://badge.fury.io/js/react-native-effects-view) 4 | 5 | > Component to make easy use of iOS8 `UIVisualEffectViews` with `UIBlurEffect` and `UIVibrancyEffect` in [ReactNative](http://facebook.github.io/react-native). 6 | 7 | Screenshot 8 | 9 | ## Install 10 | 11 | ```bash 12 | npm install react-native-effects-view --save 13 | ``` 14 | 15 | - In XCode right click on project's name and choose `Add Files to..` 16 | - Go to `node_modules/react-native-effects-view` and select `DVEffects` folder 17 | - Now you're ready to `require('react-native-effects-view')` inside your app! 18 | 19 | ## Props 20 | 21 | - `blurStyle` _(String)_ - choose one of the following: 22 | - `"light"` (_default_) 23 | - `"extraLight"` 24 | - `"dark"` 25 | - `vibrantContent` _(ReactElement)_ - render vibrant content inside blurred view. 26 | 27 | ## Children 28 | 29 | All children of `` will be blurred, however you can use it without children and position element on top of background images and other views. 30 | 31 | ## Example 32 | 33 | In order to see usage example check [`example/EffectsApp`](https://github.com/voronianski/react-native-effects-view/tree/master/example/EffectsApp) folder in XCode (don't forget to run `npm install` inside). It contains the app presented by [screenshot](https://raw.githubusercontent.com/voronianski/react-native-effects-view/master/example/UIVisualEffects.png). 34 | 35 | ```javascript 36 | var React = require('react-native'); 37 | var EffectsView = require('react-native-effects-view'); 38 | var { AppRegistry, StyleSheet, View } = React; 39 | 40 | var App = React.createClass({ 41 | renderVibrant() { 42 | return ( 43 | 44 | Do you feel blurry?? 45 | 46 | ); 47 | }, 48 | 49 | render() { 50 | return ( 51 | 56 | 57 | 58 | ); 59 | } 60 | }); 61 | 62 | var styles = StyleSheet.create({ 63 | bg: { 64 | flex: 1, 65 | position: 'absolute', 66 | bottom: 0, 67 | left: 0, 68 | right: 0, 69 | top: 0, 70 | justifyContent: 'center', 71 | alignItems: 'center', 72 | }, 73 | view: { 74 | flex: 1 75 | }, 76 | text: { 77 | fontSize: 20, 78 | color: 'white', 79 | textAlign: 'center', 80 | }, 81 | }); 82 | 83 | AppRegistry.registerComponent('App', () => App); 84 | ``` 85 | 86 | ## References 87 | 88 | Demo app is inspired by [UIVisualEffects](https://github.com/ide/UIVisualEffects) repo. 89 | 90 | --- 91 | 92 | **MIT Licensed** 93 | -------------------------------------------------------------------------------- /example/EffectsApp/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | # We fork some components by platform. 4 | .*/*.web.js 5 | .*/*.android.js 6 | 7 | # Some modules have their own node_modules with overlap 8 | .*/node_modules/node-haste/.* 9 | 10 | # Ignore react-tools where there are overlaps, but don't ignore anything that 11 | # react-native relies on 12 | .*/node_modules/react-tools/src/React.js 13 | .*/node_modules/react-tools/src/renderers/shared/event/EventPropagators.js 14 | .*/node_modules/react-tools/src/renderers/shared/event/eventPlugins/ResponderEventPlugin.js 15 | .*/node_modules/react-tools/src/shared/vendor/core/ExecutionEnvironment.js 16 | 17 | # Ignore commoner tests 18 | .*/node_modules/commoner/test/.* 19 | 20 | # See https://github.com/facebook/flow/issues/442 21 | .*/react-tools/node_modules/commoner/lib/reader.js 22 | 23 | # Ignore jest 24 | .*/node_modules/jest-cli/.* 25 | 26 | # Ignore Website 27 | .*/website/.* 28 | 29 | [include] 30 | 31 | [libs] 32 | node_modules/react-native/Libraries/react-native/react-native-interface.js 33 | 34 | [options] 35 | module.system=haste 36 | 37 | munge_underscores=true 38 | 39 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 40 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.png$' -> 'RelativeImageStub' 41 | 42 | suppress_type=$FlowIssue 43 | suppress_type=$FlowFixMe 44 | suppress_type=$FixMe 45 | 46 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(1[0-7]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 47 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(1[0-7]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)? #[0-9]+ 48 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 49 | 50 | [version] 51 | 0.17.0 52 | -------------------------------------------------------------------------------- /example/EffectsApp/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | project.xcworkspace 24 | 25 | # Android/IJ 26 | # 27 | .idea 28 | .gradle 29 | local.properties 30 | 31 | # node.js 32 | # 33 | node_modules/ 34 | npm-debug.log 35 | -------------------------------------------------------------------------------- /example/EffectsApp/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* EffectsAppTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* EffectsAppTests.m */; }; 16 | 070824501BFB4FE300C002B6 /* DVEffectsView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0708244D1BFB4FE300C002B6 /* DVEffectsView.m */; }; 17 | 070824511BFB4FE300C002B6 /* DVEffectsViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 0708244F1BFB4FE300C002B6 /* DVEffectsViewManager.m */; }; 18 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 19 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 20 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 21 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 22 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 23 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 24 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 25 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 26 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 27 | /* End PBXBuildFile section */ 28 | 29 | /* Begin PBXContainerItemProxy section */ 30 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 31 | isa = PBXContainerItemProxy; 32 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 33 | proxyType = 2; 34 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 35 | remoteInfo = RCTActionSheet; 36 | }; 37 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 42 | remoteInfo = RCTGeolocation; 43 | }; 44 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 49 | remoteInfo = RCTImage; 50 | }; 51 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 56 | remoteInfo = RCTNetwork; 57 | }; 58 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 63 | remoteInfo = RCTVibration; 64 | }; 65 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 68 | proxyType = 1; 69 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 70 | remoteInfo = EffectsApp; 71 | }; 72 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 75 | proxyType = 2; 76 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 77 | remoteInfo = RCTSettings; 78 | }; 79 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 84 | remoteInfo = RCTWebSocket; 85 | }; 86 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 91 | remoteInfo = React; 92 | }; 93 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 98 | remoteInfo = RCTLinking; 99 | }; 100 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 105 | remoteInfo = RCTText; 106 | }; 107 | /* End PBXContainerItemProxy section */ 108 | 109 | /* Begin PBXFileReference section */ 110 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 111 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 112 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 113 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 114 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 115 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 116 | 00E356EE1AD99517003FC87E /* EffectsAppTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = EffectsAppTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 117 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 118 | 00E356F21AD99517003FC87E /* EffectsAppTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = EffectsAppTests.m; sourceTree = ""; }; 119 | 0708244C1BFB4FE300C002B6 /* DVEffectsView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = DVEffectsView.h; sourceTree = ""; }; 120 | 0708244D1BFB4FE300C002B6 /* DVEffectsView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = DVEffectsView.m; sourceTree = ""; }; 121 | 0708244E1BFB4FE300C002B6 /* DVEffectsViewManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = DVEffectsViewManager.h; sourceTree = ""; }; 122 | 0708244F1BFB4FE300C002B6 /* DVEffectsViewManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = DVEffectsViewManager.m; sourceTree = ""; }; 123 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 124 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 125 | 13B07F961A680F5B00A75B9A /* EffectsApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = EffectsApp.app; sourceTree = BUILT_PRODUCTS_DIR; }; 126 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = EffectsApp/AppDelegate.h; sourceTree = ""; }; 127 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = EffectsApp/AppDelegate.m; sourceTree = ""; }; 128 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 129 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = EffectsApp/Images.xcassets; sourceTree = ""; }; 130 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = EffectsApp/Info.plist; sourceTree = ""; }; 131 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = EffectsApp/main.m; sourceTree = ""; }; 132 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 133 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 134 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 135 | /* End PBXFileReference section */ 136 | 137 | /* Begin PBXFrameworksBuildPhase section */ 138 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 139 | isa = PBXFrameworksBuildPhase; 140 | buildActionMask = 2147483647; 141 | files = ( 142 | ); 143 | runOnlyForDeploymentPostprocessing = 0; 144 | }; 145 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 146 | isa = PBXFrameworksBuildPhase; 147 | buildActionMask = 2147483647; 148 | files = ( 149 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 150 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 151 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 152 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 153 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 154 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 155 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 156 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 157 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 158 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 159 | ); 160 | runOnlyForDeploymentPostprocessing = 0; 161 | }; 162 | /* End PBXFrameworksBuildPhase section */ 163 | 164 | /* Begin PBXGroup section */ 165 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 166 | isa = PBXGroup; 167 | children = ( 168 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 169 | ); 170 | name = Products; 171 | sourceTree = ""; 172 | }; 173 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 174 | isa = PBXGroup; 175 | children = ( 176 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 177 | ); 178 | name = Products; 179 | sourceTree = ""; 180 | }; 181 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 182 | isa = PBXGroup; 183 | children = ( 184 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 185 | ); 186 | name = Products; 187 | sourceTree = ""; 188 | }; 189 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 190 | isa = PBXGroup; 191 | children = ( 192 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 193 | ); 194 | name = Products; 195 | sourceTree = ""; 196 | }; 197 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 198 | isa = PBXGroup; 199 | children = ( 200 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 201 | ); 202 | name = Products; 203 | sourceTree = ""; 204 | }; 205 | 00E356EF1AD99517003FC87E /* EffectsAppTests */ = { 206 | isa = PBXGroup; 207 | children = ( 208 | 00E356F21AD99517003FC87E /* EffectsAppTests.m */, 209 | 00E356F01AD99517003FC87E /* Supporting Files */, 210 | ); 211 | path = EffectsAppTests; 212 | sourceTree = ""; 213 | }; 214 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 215 | isa = PBXGroup; 216 | children = ( 217 | 00E356F11AD99517003FC87E /* Info.plist */, 218 | ); 219 | name = "Supporting Files"; 220 | sourceTree = ""; 221 | }; 222 | 0708244B1BFB4FE300C002B6 /* DVEffects */ = { 223 | isa = PBXGroup; 224 | children = ( 225 | 0708244C1BFB4FE300C002B6 /* DVEffectsView.h */, 226 | 0708244D1BFB4FE300C002B6 /* DVEffectsView.m */, 227 | 0708244E1BFB4FE300C002B6 /* DVEffectsViewManager.h */, 228 | 0708244F1BFB4FE300C002B6 /* DVEffectsViewManager.m */, 229 | ); 230 | name = DVEffects; 231 | path = ../../../DVEffects; 232 | sourceTree = ""; 233 | }; 234 | 139105B71AF99BAD00B5F7CC /* Products */ = { 235 | isa = PBXGroup; 236 | children = ( 237 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 238 | ); 239 | name = Products; 240 | sourceTree = ""; 241 | }; 242 | 139FDEE71B06529A00C62182 /* Products */ = { 243 | isa = PBXGroup; 244 | children = ( 245 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 246 | ); 247 | name = Products; 248 | sourceTree = ""; 249 | }; 250 | 13B07FAE1A68108700A75B9A /* EffectsApp */ = { 251 | isa = PBXGroup; 252 | children = ( 253 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 254 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 255 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 256 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 257 | 13B07FB61A68108700A75B9A /* Info.plist */, 258 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 259 | 13B07FB71A68108700A75B9A /* main.m */, 260 | ); 261 | name = EffectsApp; 262 | sourceTree = ""; 263 | }; 264 | 146834001AC3E56700842450 /* Products */ = { 265 | isa = PBXGroup; 266 | children = ( 267 | 146834041AC3E56700842450 /* libReact.a */, 268 | ); 269 | name = Products; 270 | sourceTree = ""; 271 | }; 272 | 78C398B11ACF4ADC00677621 /* Products */ = { 273 | isa = PBXGroup; 274 | children = ( 275 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 276 | ); 277 | name = Products; 278 | sourceTree = ""; 279 | }; 280 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 281 | isa = PBXGroup; 282 | children = ( 283 | 0708244B1BFB4FE300C002B6 /* DVEffects */, 284 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 285 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 286 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 287 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 288 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 289 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 290 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 291 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 292 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 293 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 294 | ); 295 | name = Libraries; 296 | sourceTree = ""; 297 | }; 298 | 832341B11AAA6A8300B99B32 /* Products */ = { 299 | isa = PBXGroup; 300 | children = ( 301 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 302 | ); 303 | name = Products; 304 | sourceTree = ""; 305 | }; 306 | 83CBB9F61A601CBA00E9B192 = { 307 | isa = PBXGroup; 308 | children = ( 309 | 13B07FAE1A68108700A75B9A /* EffectsApp */, 310 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 311 | 00E356EF1AD99517003FC87E /* EffectsAppTests */, 312 | 83CBBA001A601CBA00E9B192 /* Products */, 313 | ); 314 | indentWidth = 2; 315 | sourceTree = ""; 316 | tabWidth = 2; 317 | }; 318 | 83CBBA001A601CBA00E9B192 /* Products */ = { 319 | isa = PBXGroup; 320 | children = ( 321 | 13B07F961A680F5B00A75B9A /* EffectsApp.app */, 322 | 00E356EE1AD99517003FC87E /* EffectsAppTests.xctest */, 323 | ); 324 | name = Products; 325 | sourceTree = ""; 326 | }; 327 | /* End PBXGroup section */ 328 | 329 | /* Begin PBXNativeTarget section */ 330 | 00E356ED1AD99517003FC87E /* EffectsAppTests */ = { 331 | isa = PBXNativeTarget; 332 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "EffectsAppTests" */; 333 | buildPhases = ( 334 | 00E356EA1AD99517003FC87E /* Sources */, 335 | 00E356EB1AD99517003FC87E /* Frameworks */, 336 | 00E356EC1AD99517003FC87E /* Resources */, 337 | ); 338 | buildRules = ( 339 | ); 340 | dependencies = ( 341 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 342 | ); 343 | name = EffectsAppTests; 344 | productName = EffectsAppTests; 345 | productReference = 00E356EE1AD99517003FC87E /* EffectsAppTests.xctest */; 346 | productType = "com.apple.product-type.bundle.unit-test"; 347 | }; 348 | 13B07F861A680F5B00A75B9A /* EffectsApp */ = { 349 | isa = PBXNativeTarget; 350 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "EffectsApp" */; 351 | buildPhases = ( 352 | 13B07F871A680F5B00A75B9A /* Sources */, 353 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 354 | 13B07F8E1A680F5B00A75B9A /* Resources */, 355 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 356 | ); 357 | buildRules = ( 358 | ); 359 | dependencies = ( 360 | ); 361 | name = EffectsApp; 362 | productName = "Hello World"; 363 | productReference = 13B07F961A680F5B00A75B9A /* EffectsApp.app */; 364 | productType = "com.apple.product-type.application"; 365 | }; 366 | /* End PBXNativeTarget section */ 367 | 368 | /* Begin PBXProject section */ 369 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 370 | isa = PBXProject; 371 | attributes = { 372 | LastUpgradeCheck = 0610; 373 | ORGANIZATIONNAME = Facebook; 374 | TargetAttributes = { 375 | 00E356ED1AD99517003FC87E = { 376 | CreatedOnToolsVersion = 6.2; 377 | TestTargetID = 13B07F861A680F5B00A75B9A; 378 | }; 379 | }; 380 | }; 381 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "EffectsApp" */; 382 | compatibilityVersion = "Xcode 3.2"; 383 | developmentRegion = English; 384 | hasScannedForEncodings = 0; 385 | knownRegions = ( 386 | en, 387 | Base, 388 | ); 389 | mainGroup = 83CBB9F61A601CBA00E9B192; 390 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 391 | projectDirPath = ""; 392 | projectReferences = ( 393 | { 394 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 395 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 396 | }, 397 | { 398 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 399 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 400 | }, 401 | { 402 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 403 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 404 | }, 405 | { 406 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 407 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 408 | }, 409 | { 410 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 411 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 412 | }, 413 | { 414 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 415 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 416 | }, 417 | { 418 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 419 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 420 | }, 421 | { 422 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 423 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 424 | }, 425 | { 426 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 427 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 428 | }, 429 | { 430 | ProductGroup = 146834001AC3E56700842450 /* Products */; 431 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 432 | }, 433 | ); 434 | projectRoot = ""; 435 | targets = ( 436 | 13B07F861A680F5B00A75B9A /* EffectsApp */, 437 | 00E356ED1AD99517003FC87E /* EffectsAppTests */, 438 | ); 439 | }; 440 | /* End PBXProject section */ 441 | 442 | /* Begin PBXReferenceProxy section */ 443 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 444 | isa = PBXReferenceProxy; 445 | fileType = archive.ar; 446 | path = libRCTActionSheet.a; 447 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 448 | sourceTree = BUILT_PRODUCTS_DIR; 449 | }; 450 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 451 | isa = PBXReferenceProxy; 452 | fileType = archive.ar; 453 | path = libRCTGeolocation.a; 454 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 455 | sourceTree = BUILT_PRODUCTS_DIR; 456 | }; 457 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 458 | isa = PBXReferenceProxy; 459 | fileType = archive.ar; 460 | path = libRCTImage.a; 461 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 462 | sourceTree = BUILT_PRODUCTS_DIR; 463 | }; 464 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 465 | isa = PBXReferenceProxy; 466 | fileType = archive.ar; 467 | path = libRCTNetwork.a; 468 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 469 | sourceTree = BUILT_PRODUCTS_DIR; 470 | }; 471 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 472 | isa = PBXReferenceProxy; 473 | fileType = archive.ar; 474 | path = libRCTVibration.a; 475 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 476 | sourceTree = BUILT_PRODUCTS_DIR; 477 | }; 478 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 479 | isa = PBXReferenceProxy; 480 | fileType = archive.ar; 481 | path = libRCTSettings.a; 482 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 483 | sourceTree = BUILT_PRODUCTS_DIR; 484 | }; 485 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 486 | isa = PBXReferenceProxy; 487 | fileType = archive.ar; 488 | path = libRCTWebSocket.a; 489 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 490 | sourceTree = BUILT_PRODUCTS_DIR; 491 | }; 492 | 146834041AC3E56700842450 /* libReact.a */ = { 493 | isa = PBXReferenceProxy; 494 | fileType = archive.ar; 495 | path = libReact.a; 496 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 497 | sourceTree = BUILT_PRODUCTS_DIR; 498 | }; 499 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 500 | isa = PBXReferenceProxy; 501 | fileType = archive.ar; 502 | path = libRCTLinking.a; 503 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 504 | sourceTree = BUILT_PRODUCTS_DIR; 505 | }; 506 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 507 | isa = PBXReferenceProxy; 508 | fileType = archive.ar; 509 | path = libRCTText.a; 510 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 511 | sourceTree = BUILT_PRODUCTS_DIR; 512 | }; 513 | /* End PBXReferenceProxy section */ 514 | 515 | /* Begin PBXResourcesBuildPhase section */ 516 | 00E356EC1AD99517003FC87E /* Resources */ = { 517 | isa = PBXResourcesBuildPhase; 518 | buildActionMask = 2147483647; 519 | files = ( 520 | ); 521 | runOnlyForDeploymentPostprocessing = 0; 522 | }; 523 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 524 | isa = PBXResourcesBuildPhase; 525 | buildActionMask = 2147483647; 526 | files = ( 527 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 528 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 529 | ); 530 | runOnlyForDeploymentPostprocessing = 0; 531 | }; 532 | /* End PBXResourcesBuildPhase section */ 533 | 534 | /* Begin PBXShellScriptBuildPhase section */ 535 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 536 | isa = PBXShellScriptBuildPhase; 537 | buildActionMask = 2147483647; 538 | files = ( 539 | ); 540 | inputPaths = ( 541 | ); 542 | name = "Bundle React Native code and images"; 543 | outputPaths = ( 544 | ); 545 | runOnlyForDeploymentPostprocessing = 0; 546 | shellPath = /bin/sh; 547 | shellScript = "../node_modules/react-native/packager/react-native-xcode.sh"; 548 | }; 549 | /* End PBXShellScriptBuildPhase section */ 550 | 551 | /* Begin PBXSourcesBuildPhase section */ 552 | 00E356EA1AD99517003FC87E /* Sources */ = { 553 | isa = PBXSourcesBuildPhase; 554 | buildActionMask = 2147483647; 555 | files = ( 556 | 00E356F31AD99517003FC87E /* EffectsAppTests.m in Sources */, 557 | ); 558 | runOnlyForDeploymentPostprocessing = 0; 559 | }; 560 | 13B07F871A680F5B00A75B9A /* Sources */ = { 561 | isa = PBXSourcesBuildPhase; 562 | buildActionMask = 2147483647; 563 | files = ( 564 | 070824501BFB4FE300C002B6 /* DVEffectsView.m in Sources */, 565 | 070824511BFB4FE300C002B6 /* DVEffectsViewManager.m in Sources */, 566 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 567 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 568 | ); 569 | runOnlyForDeploymentPostprocessing = 0; 570 | }; 571 | /* End PBXSourcesBuildPhase section */ 572 | 573 | /* Begin PBXTargetDependency section */ 574 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 575 | isa = PBXTargetDependency; 576 | target = 13B07F861A680F5B00A75B9A /* EffectsApp */; 577 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 578 | }; 579 | /* End PBXTargetDependency section */ 580 | 581 | /* Begin PBXVariantGroup section */ 582 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 583 | isa = PBXVariantGroup; 584 | children = ( 585 | 13B07FB21A68108700A75B9A /* Base */, 586 | ); 587 | name = LaunchScreen.xib; 588 | path = EffectsApp; 589 | sourceTree = ""; 590 | }; 591 | /* End PBXVariantGroup section */ 592 | 593 | /* Begin XCBuildConfiguration section */ 594 | 00E356F61AD99517003FC87E /* Debug */ = { 595 | isa = XCBuildConfiguration; 596 | buildSettings = { 597 | BUNDLE_LOADER = "$(TEST_HOST)"; 598 | FRAMEWORK_SEARCH_PATHS = ( 599 | "$(SDKROOT)/Developer/Library/Frameworks", 600 | "$(inherited)", 601 | ); 602 | GCC_PREPROCESSOR_DEFINITIONS = ( 603 | "DEBUG=1", 604 | "$(inherited)", 605 | ); 606 | INFOPLIST_FILE = EffectsAppTests/Info.plist; 607 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 608 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 609 | PRODUCT_NAME = "$(TARGET_NAME)"; 610 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/EffectsApp.app/EffectsApp"; 611 | }; 612 | name = Debug; 613 | }; 614 | 00E356F71AD99517003FC87E /* Release */ = { 615 | isa = XCBuildConfiguration; 616 | buildSettings = { 617 | BUNDLE_LOADER = "$(TEST_HOST)"; 618 | COPY_PHASE_STRIP = NO; 619 | FRAMEWORK_SEARCH_PATHS = ( 620 | "$(SDKROOT)/Developer/Library/Frameworks", 621 | "$(inherited)", 622 | ); 623 | INFOPLIST_FILE = EffectsAppTests/Info.plist; 624 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 625 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 626 | PRODUCT_NAME = "$(TARGET_NAME)"; 627 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/EffectsApp.app/EffectsApp"; 628 | }; 629 | name = Release; 630 | }; 631 | 13B07F941A680F5B00A75B9A /* Debug */ = { 632 | isa = XCBuildConfiguration; 633 | buildSettings = { 634 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 635 | DEAD_CODE_STRIPPING = NO; 636 | HEADER_SEARCH_PATHS = ( 637 | "$(inherited)", 638 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 639 | "$(SRCROOT)/../node_modules/react-native/React/**", 640 | ); 641 | INFOPLIST_FILE = EffectsApp/Info.plist; 642 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 643 | OTHER_LDFLAGS = "-ObjC"; 644 | PRODUCT_NAME = EffectsApp; 645 | }; 646 | name = Debug; 647 | }; 648 | 13B07F951A680F5B00A75B9A /* Release */ = { 649 | isa = XCBuildConfiguration; 650 | buildSettings = { 651 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 652 | HEADER_SEARCH_PATHS = ( 653 | "$(inherited)", 654 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 655 | "$(SRCROOT)/../node_modules/react-native/React/**", 656 | ); 657 | INFOPLIST_FILE = EffectsApp/Info.plist; 658 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 659 | OTHER_LDFLAGS = "-ObjC"; 660 | PRODUCT_NAME = EffectsApp; 661 | }; 662 | name = Release; 663 | }; 664 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 665 | isa = XCBuildConfiguration; 666 | buildSettings = { 667 | ALWAYS_SEARCH_USER_PATHS = NO; 668 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 669 | CLANG_CXX_LIBRARY = "libc++"; 670 | CLANG_ENABLE_MODULES = YES; 671 | CLANG_ENABLE_OBJC_ARC = YES; 672 | CLANG_WARN_BOOL_CONVERSION = YES; 673 | CLANG_WARN_CONSTANT_CONVERSION = YES; 674 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 675 | CLANG_WARN_EMPTY_BODY = YES; 676 | CLANG_WARN_ENUM_CONVERSION = YES; 677 | CLANG_WARN_INT_CONVERSION = YES; 678 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 679 | CLANG_WARN_UNREACHABLE_CODE = YES; 680 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 681 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 682 | COPY_PHASE_STRIP = NO; 683 | ENABLE_STRICT_OBJC_MSGSEND = YES; 684 | GCC_C_LANGUAGE_STANDARD = gnu99; 685 | GCC_DYNAMIC_NO_PIC = NO; 686 | GCC_OPTIMIZATION_LEVEL = 0; 687 | GCC_PREPROCESSOR_DEFINITIONS = ( 688 | "DEBUG=1", 689 | "$(inherited)", 690 | ); 691 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 692 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 693 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 694 | GCC_WARN_UNDECLARED_SELECTOR = YES; 695 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 696 | GCC_WARN_UNUSED_FUNCTION = YES; 697 | GCC_WARN_UNUSED_VARIABLE = YES; 698 | HEADER_SEARCH_PATHS = ( 699 | "$(inherited)", 700 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 701 | "$(SRCROOT)/../node_modules/react-native/React/**", 702 | ); 703 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 704 | MTL_ENABLE_DEBUG_INFO = YES; 705 | ONLY_ACTIVE_ARCH = YES; 706 | SDKROOT = iphoneos; 707 | }; 708 | name = Debug; 709 | }; 710 | 83CBBA211A601CBA00E9B192 /* Release */ = { 711 | isa = XCBuildConfiguration; 712 | buildSettings = { 713 | ALWAYS_SEARCH_USER_PATHS = NO; 714 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 715 | CLANG_CXX_LIBRARY = "libc++"; 716 | CLANG_ENABLE_MODULES = YES; 717 | CLANG_ENABLE_OBJC_ARC = YES; 718 | CLANG_WARN_BOOL_CONVERSION = YES; 719 | CLANG_WARN_CONSTANT_CONVERSION = YES; 720 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 721 | CLANG_WARN_EMPTY_BODY = YES; 722 | CLANG_WARN_ENUM_CONVERSION = YES; 723 | CLANG_WARN_INT_CONVERSION = YES; 724 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 725 | CLANG_WARN_UNREACHABLE_CODE = YES; 726 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 727 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 728 | COPY_PHASE_STRIP = YES; 729 | ENABLE_NS_ASSERTIONS = NO; 730 | ENABLE_STRICT_OBJC_MSGSEND = YES; 731 | GCC_C_LANGUAGE_STANDARD = gnu99; 732 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 733 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 734 | GCC_WARN_UNDECLARED_SELECTOR = YES; 735 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 736 | GCC_WARN_UNUSED_FUNCTION = YES; 737 | GCC_WARN_UNUSED_VARIABLE = YES; 738 | HEADER_SEARCH_PATHS = ( 739 | "$(inherited)", 740 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 741 | "$(SRCROOT)/../node_modules/react-native/React/**", 742 | ); 743 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 744 | MTL_ENABLE_DEBUG_INFO = NO; 745 | SDKROOT = iphoneos; 746 | VALIDATE_PRODUCT = YES; 747 | }; 748 | name = Release; 749 | }; 750 | /* End XCBuildConfiguration section */ 751 | 752 | /* Begin XCConfigurationList section */ 753 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "EffectsAppTests" */ = { 754 | isa = XCConfigurationList; 755 | buildConfigurations = ( 756 | 00E356F61AD99517003FC87E /* Debug */, 757 | 00E356F71AD99517003FC87E /* Release */, 758 | ); 759 | defaultConfigurationIsVisible = 0; 760 | defaultConfigurationName = Release; 761 | }; 762 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "EffectsApp" */ = { 763 | isa = XCConfigurationList; 764 | buildConfigurations = ( 765 | 13B07F941A680F5B00A75B9A /* Debug */, 766 | 13B07F951A680F5B00A75B9A /* Release */, 767 | ); 768 | defaultConfigurationIsVisible = 0; 769 | defaultConfigurationName = Release; 770 | }; 771 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "EffectsApp" */ = { 772 | isa = XCConfigurationList; 773 | buildConfigurations = ( 774 | 83CBBA201A601CBA00E9B192 /* Debug */, 775 | 83CBBA211A601CBA00E9B192 /* Release */, 776 | ); 777 | defaultConfigurationIsVisible = 0; 778 | defaultConfigurationName = Release; 779 | }; 780 | /* End XCConfigurationList section */ 781 | }; 782 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 783 | } 784 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp.xcodeproj/xcshareddata/xcschemes/EffectsApp.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import "RCTRootView.h" 13 | 14 | @implementation AppDelegate 15 | 16 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 17 | { 18 | NSURL *jsCodeLocation; 19 | 20 | /** 21 | * Loading JavaScript code - uncomment the one you want. 22 | * 23 | * OPTION 1 24 | * Load from development server. Start the server from the repository root: 25 | * 26 | * $ npm start 27 | * 28 | * To run on device, change `localhost` to the IP address of your computer 29 | * (you can get this by typing `ifconfig` into the terminal and selecting the 30 | * `inet` value under `en0:`) and make sure your computer and iOS device are 31 | * on the same Wi-Fi network. 32 | */ 33 | 34 | jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. The static bundle is automatically 39 | * generated by "Bundle React Native code and images" build step. 40 | */ 41 | 42 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 43 | 44 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 45 | moduleName:@"EffectsApp" 46 | initialProperties:nil 47 | launchOptions:launchOptions]; 48 | 49 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 50 | UIViewController *rootViewController = [[UIViewController alloc] init]; 51 | rootViewController.view = rootView; 52 | self.window.rootViewController = rootViewController; 53 | [self.window makeKeyAndVisible]; 54 | return YES; 55 | } 56 | 57 | @end 58 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/Images.xcassets/AppIcon.appiconset/AppIcon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/iOS/EffectsApp/Images.xcassets/AppIcon.appiconset/AppIcon@2x.png -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "scale" : "1x" 6 | }, 7 | { 8 | "idiom" : "universal", 9 | "scale" : "2x", 10 | "filename" : "AppIcon@2x.png" 11 | }, 12 | { 13 | "idiom" : "universal", 14 | "scale" : "3x" 15 | } 16 | ], 17 | "info" : { 18 | "version" : 1, 19 | "author" : "xcode" 20 | } 21 | } -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSAllowsArbitraryLoads 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsApp/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsAppTests/EffectsAppTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 240 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface EffectsAppTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation EffectsAppTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /example/EffectsApp/iOS/EffectsAppTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/EffectsApp/img/Bitcoin@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/img/Bitcoin@2x.png -------------------------------------------------------------------------------- /example/EffectsApp/img/ButtonRoundRect@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/img/ButtonRoundRect@2x.png -------------------------------------------------------------------------------- /example/EffectsApp/img/Camera@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/img/Camera@2x.png -------------------------------------------------------------------------------- /example/EffectsApp/img/Genius@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/img/Genius@2x.png -------------------------------------------------------------------------------- /example/EffectsApp/img/Yosemite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/EffectsApp/img/Yosemite.png -------------------------------------------------------------------------------- /example/EffectsApp/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Sample React Native Effects App 3 | * https://github.com/facebook/react-native 4 | * https://github.com/voronianski/react-native-effects-view 5 | */ 6 | 7 | 'use strict'; 8 | 9 | var React = require('react-native'); 10 | var { 11 | AppRegistry, 12 | StyleSheet, 13 | Text, 14 | View, 15 | Image, 16 | StatusBarIOS, 17 | Dimensions, 18 | } = React; 19 | 20 | var deviceHeight = Dimensions.get('window').height; 21 | var deviceWidth = Dimensions.get('window').width; 22 | 23 | var EffectsView = require('react-native-effects-view'); 24 | 25 | var EffectsApp = React.createClass({ 26 | componentWillMount() { 27 | StatusBarIOS.setStyle('light-content', true); 28 | }, 29 | 30 | renderVibrantExtraLight() { 31 | return ( 32 | 33 | Extra Light Blur 34 | 35 | 36 | 37 | 38 | ); 39 | }, 40 | 41 | renderVibrantLight() { 42 | return ( 43 | 44 | Light Blur 45 | 46 | 47 | 48 | 49 | ); 50 | }, 51 | 52 | renderVibrantDark() { 53 | return ( 54 | 55 | Dark Blur 56 | 57 | 58 | 59 | 60 | ); 61 | }, 62 | 63 | render() { 64 | return ( 65 | 66 | 67 | 68 | 73 | 78 | 83 | 84 | 85 | ); 86 | } 87 | }); 88 | 89 | var styles = StyleSheet.create({ 90 | page: { 91 | flex: 1, 92 | backgroundColor: 'transparent', 93 | }, 94 | bg: { 95 | flex: 1, 96 | position: 'absolute', 97 | top: 0, 98 | left: -2200, 99 | right: 0, 100 | bottom: -100 101 | }, 102 | container: { 103 | position: 'absolute', 104 | top: 20, 105 | right: 0, 106 | bottom: 0, 107 | left: 0, 108 | }, 109 | blur: { 110 | height: ( deviceHeight - 20 ) / 3, 111 | alignItems: 'center', 112 | flexDirection: 'row', 113 | }, 114 | blurContent: { 115 | flexDirection: 'column', 116 | alignItems: 'center', 117 | width: deviceWidth, 118 | }, 119 | text: { 120 | fontSize: 16, 121 | marginTop: 10, 122 | marginLeft: 10 123 | }, 124 | bitcoin: { 125 | width: 28, 126 | height: 28 127 | }, 128 | genius: { 129 | width: 26, 130 | height: 28 131 | }, 132 | camera: { 133 | width: 28, 134 | height: 20 135 | }, 136 | mask: { 137 | width: 64, 138 | height: 64, 139 | flex: 1, 140 | // alignSelf: 'center', 141 | alignItems: 'center', 142 | justifyContent: 'center', 143 | marginTop: 10, 144 | } 145 | }); 146 | 147 | AppRegistry.registerComponent('EffectsApp', () => EffectsApp); 148 | -------------------------------------------------------------------------------- /example/EffectsApp/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "EffectsApp", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "react-native start" 7 | }, 8 | "dependencies": { 9 | "react-native": "^0.14.2", 10 | "react-native-effects-view": "../../" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /example/UIVisualEffects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/voronianski/react-native-effects-view/7de0cb4b2ca2c3828d01902d1dc903f8397b4319/example/UIVisualEffects.png -------------------------------------------------------------------------------- /index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * ReactNativeEffectsView 3 | * http://github.com/voronianski/react-native-effects-view 4 | */ 5 | 6 | 'use strict'; 7 | 8 | import React from 'react'; 9 | import PropTypes from 'prop-types'; 10 | 11 | import { 12 | View, 13 | StyleSheet, 14 | requireNativeComponent, 15 | } from 'react-native'; 16 | 17 | 18 | const EffectsViewComponent = (props) => { 19 | const { children, vibrantContent } = props; 20 | const vibrantNode = vibrantContent ? vibrantContent : ; 21 | const {style, ...nativeProps} = props; 22 | return ( 23 | 24 | {vibrantNode} 25 | {children} 26 | 27 | ); 28 | }; 29 | 30 | EffectsViewComponent.defaultProps = { 31 | vibrant: true, 32 | blurStyle: true, 33 | }; 34 | 35 | EffectsViewComponent.propTypes = { 36 | vibrant: PropTypes.bool, 37 | blurStyle: PropTypes.string, 38 | vibrantContent: PropTypes.node 39 | }; 40 | 41 | const EffectsView = requireNativeComponent('DVEffectsView', EffectsViewComponent); 42 | 43 | const styles = StyleSheet.create({ 44 | base: { 45 | backgroundColor: 'transparent' 46 | } 47 | }); 48 | 49 | module.exports = EffectsViewComponent; 50 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-effects-view", 3 | "version": "0.4.0", 4 | "description": "ReactNative Component that makes easy to use iOS8 UIVisualEffect", 5 | "main": "index.ios.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git://github.com/voronianski/react-native-effects-view" 12 | }, 13 | "contributors": [ 14 | { 15 | "name": "Eugene Hauptmann", 16 | "email": "eugene.hp2012@gmail.com" 17 | } 18 | ], 19 | "keywords": [ 20 | "react", 21 | "react-native", 22 | "react-component", 23 | "ios", 24 | "blur", 25 | "uiview", 26 | "view" 27 | ], 28 | "peerDependencies": { 29 | "react-native": ">=0.30" 30 | }, 31 | "author": "Dmitri Voronianski ", 32 | "license": "MIT", 33 | "bugs": { 34 | "url": "https://github.com/voronianski/react-native-effects-view/issues" 35 | }, 36 | "homepage": "https://github.com/voronianski/react-native-effects-view", 37 | "dependencies": { 38 | "prop-types": "^15.6.0" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | asap@~2.0.3: 6 | version "2.0.6" 7 | resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46" 8 | 9 | core-js@^1.0.0: 10 | version "1.2.7" 11 | resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636" 12 | 13 | encoding@^0.1.11: 14 | version "0.1.12" 15 | resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb" 16 | dependencies: 17 | iconv-lite "~0.4.13" 18 | 19 | fbjs@^0.8.16: 20 | version "0.8.16" 21 | resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db" 22 | dependencies: 23 | core-js "^1.0.0" 24 | isomorphic-fetch "^2.1.1" 25 | loose-envify "^1.0.0" 26 | object-assign "^4.1.0" 27 | promise "^7.1.1" 28 | setimmediate "^1.0.5" 29 | ua-parser-js "^0.7.9" 30 | 31 | iconv-lite@~0.4.13: 32 | version "0.4.19" 33 | resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b" 34 | 35 | is-stream@^1.0.1: 36 | version "1.1.0" 37 | resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44" 38 | 39 | isomorphic-fetch@^2.1.1: 40 | version "2.2.1" 41 | resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9" 42 | dependencies: 43 | node-fetch "^1.0.1" 44 | whatwg-fetch ">=0.10.0" 45 | 46 | js-tokens@^3.0.0: 47 | version "3.0.2" 48 | resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b" 49 | 50 | loose-envify@^1.0.0, loose-envify@^1.3.1: 51 | version "1.3.1" 52 | resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848" 53 | dependencies: 54 | js-tokens "^3.0.0" 55 | 56 | node-fetch@^1.0.1: 57 | version "1.7.3" 58 | resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef" 59 | dependencies: 60 | encoding "^0.1.11" 61 | is-stream "^1.0.1" 62 | 63 | object-assign@^4.1.0, object-assign@^4.1.1: 64 | version "4.1.1" 65 | resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" 66 | 67 | promise@^7.1.1: 68 | version "7.3.1" 69 | resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf" 70 | dependencies: 71 | asap "~2.0.3" 72 | 73 | prop-types@^15.6.0: 74 | version "15.6.0" 75 | resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856" 76 | dependencies: 77 | fbjs "^0.8.16" 78 | loose-envify "^1.3.1" 79 | object-assign "^4.1.1" 80 | 81 | setimmediate@^1.0.5: 82 | version "1.0.5" 83 | resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285" 84 | 85 | ua-parser-js@^0.7.9: 86 | version "0.7.17" 87 | resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.17.tgz#e9ec5f9498b9ec910e7ae3ac626a805c4d09ecac" 88 | 89 | whatwg-fetch@>=0.10.0: 90 | version "2.0.3" 91 | resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84" 92 | --------------------------------------------------------------------------------