├── .gitignore ├── logo.png ├── .npmignore ├── examples └── draggable-image-bouncing │ ├── package.json │ ├── iOS │ ├── main.jsbundle │ ├── AppDelegate.h │ ├── main.m │ ├── Images.xcassets │ │ └── AppIcon.appiconset │ │ │ └── Contents.json │ ├── Info.plist │ ├── AppDelegate.m │ └── Base.lproj │ │ └── LaunchScreen.xib │ ├── .gitignore │ ├── index.ios.js │ ├── DraggableDrawerImageBouncingTests │ ├── Info.plist │ └── DraggableDrawerImageBouncingTests.m │ ├── .flowconfig │ ├── DemoScreen.js │ └── DraggableDrawerImageBouncing.xcodeproj │ ├── xcshareddata │ └── xcschemes │ │ └── DraggableDrawerImageBouncing.xcscheme │ └── project.pbxproj ├── LICENSE ├── package.json ├── __tests__ └── DraggableDrawer-test.js ├── README.md ├── helpers └── DraggableDrawerHelper.js └── DraggableDrawer.jsx.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log 3 | -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/llanox/react-native-draggable-drawer/HEAD/logo.png -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | 6 | # 7 | examples/ 8 | 9 | # node.js 10 | # 11 | node_modules/ 12 | npm-debug.log 13 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "DraggableDrawerImageBouncing", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "start": "node_modules/react-native/packager/packager.sh" 7 | }, 8 | "dependencies": { 9 | "react-native": "^0.9.0" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/main.jsbundle: -------------------------------------------------------------------------------- 1 | // Offline JS 2 | // To re-generate the offline bundle, run this from the root of your project: 3 | // 4 | // $ react-native bundle --minify 5 | // 6 | // See http://facebook.github.io/react-native/docs/runningondevice.html for more details. 7 | 8 | throw new Error('Offline JS file is empty. See iOS/main.jsbundle for instructions'); 9 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/.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 | # node.js 26 | # 27 | node_modules/ 28 | npm-debug.log 29 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Entry point DraggableView demo 3 | */ 4 | 'use strict'; 5 | 6 | var DemoScreen = require('./DemoScreen') 7 | var React = require('react-native') 8 | 9 | 10 | 11 | var { 12 | AppRegistry 13 | } = React 14 | 15 | 16 | var component = React.createClass({ 17 | 18 | 19 | render: function() { 20 | return ( ) 21 | } 22 | 23 | }) 24 | 25 | 26 | 27 | 28 | AppRegistry.registerComponent('DraggableDrawerImageBouncing', () => component); 29 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/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 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/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 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/DraggableDrawerImageBouncingTests/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 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Juan Gabriel Gutierrez 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-draggable-drawer", 3 | "version": "0.0.8", 4 | "keywords": [ 5 | "react-component", 6 | "react-native", 7 | "vertical draggable drawer", 8 | "ios" 9 | ], 10 | "description": "DraggableDrawer component for React Native.", 11 | "scripts": { 12 | "start": "node_modules/react-native/packager/packager.sh", 13 | "test": "jest" 14 | }, 15 | "main": "DraggableDrawer.jsx.js", 16 | "dependencies": { 17 | "react-native": "^0.8.0", 18 | "rebound": "0.0.13" 19 | }, 20 | "repository": { 21 | "type": "git", 22 | "url": "git+https://github.com/llanox/react-native-draggable-drawer.git" 23 | }, 24 | "author": "Gabriel Gutierrez ", 25 | "contributors": [{ 26 | "name": "Georg Göttlich", 27 | "email": "mail@dvine.de", 28 | "url": "https://github.com/dvine-multimedia" 29 | }], 30 | "license": "MIT", 31 | "bugs": { 32 | "url": "https://github.com/llanox/react-native-draggable-drawer/issues" 33 | }, 34 | "homepage": "https://github.com/llanox/react-native-draggable-drawer#readme", 35 | "devDependencies":{ 36 | "babel-core": "^5.8.12", 37 | "babel-jest": "^5.3.0", 38 | "jest-cli": "facebook/jest#0.5.x" 39 | 40 | }, 41 | "jest": { 42 | "scriptPreprocessor": "/node_modules/babel-jest", 43 | "testFileExtensions": [ 44 | "es6", 45 | "js" 46 | ] 47 | }, 48 | "peerDependencies": { 49 | "react-native": ">= 0.8.0" 50 | } 51 | 52 | } 53 | -------------------------------------------------------------------------------- /__tests__/DraggableDrawer-test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by jgabrielgutierrez on 15-08-10. 3 | */ 4 | 5 | 6 | jest 7 | .autoMockOff() 8 | .setMock('Text', {}) 9 | .setMock('Text', {}) 10 | .setMock('View', {}) 11 | .setMock('Image', {}) 12 | .setMock('React', {Component: class {}}); 13 | 14 | 15 | describe('DraggableDrawerHelper ', function(){ 16 | 17 | var SCREEN_HEIGHT = 3456; 18 | var INITIAL_USED_SPACE = -0.5; 19 | var HIGHER_TENSION = 5000; 20 | var FRICTION = 1200; 21 | var VELOCITY_Y = 1.5; 22 | 23 | var DraggableDrawerHelper = require('../helpers/DraggableDrawerHelper')(SCREEN_HEIGHT) 24 | 25 | var callbackPositionUpdated = jest.genMockFunction() 26 | var initial_position 27 | 28 | 29 | it(' sets a visible initial position for DraggableDrawer component ', function() { 30 | 31 | initial_position = DraggableDrawerHelper.calculateInitialPosition(INITIAL_USED_SPACE) 32 | 33 | expect(initial_position).toBeLessThan(SCREEN_HEIGHT+1) 34 | expect(initial_position).toBeGreaterThan(-1) 35 | 36 | }); 37 | 38 | 39 | 40 | it('starts an animation for the component ', function() { 41 | 42 | DraggableDrawerHelper.setupAnimation( HIGHER_TENSION, FRICTION, callbackPositionUpdated ) 43 | 44 | DraggableDrawerHelper.startAnimation( VELOCITY_Y, initial_position) 45 | 46 | // The mock function was called at least once 47 | expect(callbackPositionUpdated.mock.calls.length).toBeGreaterThan(0) 48 | 49 | expect(callbackPositionUpdated.mock.calls[callbackPositionUpdated.mock.calls.length - 1][0]).toBeGreaterThan(0) 50 | 51 | }); 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | }); 60 | 61 | 62 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/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 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/.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/reconciler/ReactInstanceHandles.js 14 | .*/node_modules/react-tools/src/renderers/shared/event/EventPropagators.js 15 | .*/node_modules/react-tools/src/renderers/shared/event/eventPlugins/ResponderEventPlugin.js 16 | .*/node_modules/react-tools/src/renderers/shared/event/eventPlugins/ResponderSyntheticEvent.js 17 | .*/node_modules/react-tools/src/renderers/shared/event/eventPlugins/ResponderTouchHistoryStore.js 18 | .*/node_modules/react-tools/src/shared/vendor/core/ExecutionEnvironment.js 19 | 20 | 21 | # Ignore commoner tests 22 | .*/node_modules/commoner/test/.* 23 | 24 | # See https://github.com/facebook/flow/issues/442 25 | .*/react-tools/node_modules/commoner/lib/reader.js 26 | 27 | # Ignore jest 28 | .*/react-native/node_modules/jest-cli/.* 29 | 30 | [include] 31 | 32 | [libs] 33 | node_modules/react-native/Libraries/react-native/react-native-interface.js 34 | 35 | [options] 36 | module.system=haste 37 | 38 | suppress_type=$FlowIssue 39 | suppress_type=$FlowFixMe 40 | suppress_type=$FixMe 41 | 42 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(1[0-3]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 43 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(1[0-3]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)? #[0-9]+ 44 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 45 | 46 | [version] 47 | 0.13.1 48 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-draggable-drawer 2 | 3 | DraggableDrawer is a component for react-native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border. 4 | 5 | ## Example 6 | ### [draggable-drawer-image-bouncing](https://github.com/llanox/react-native-draggable-drawer/blob/master/examples/draggabledrawer-image-bouncing/DemoScreen.js) 7 | 8 | ![react-native-draggable-drawer](http://i.imgur.com/AequjyD.gif) 9 | 10 | ### Installation 11 | 12 | ```bash 13 | $ npm i react-native-draggable-drawer --save 14 | ``` 15 | 16 | ### Properties 17 | 18 | #### Basic 19 | 20 | | Prop | Default | Type | Description | 21 | | :------------ |:---------------:| :---------------:| :-----| 22 | | onDragDown | undefined | `function` | If you pass a function as parameter it will be notified when the user drag down the drawer | 23 | | onRelease | undefined | `function` | If you pass a function as parameter it will be notified when the user release the drawer after drag it | 24 | | initialDrawerSize | 0.0 | `number` | It's the initial position or size for Drawer component. If drawer size is 1 that means its using 100% of avalaible space on the screen | 25 | | renderContainerView | undefined | `View` | Pass as parameter a renderable react component to show as container. | 26 | | renderDrawerView | undefined | `View` | Pass as parameter a renderable react component to show as drawer. | 27 | 28 | #### TODO 29 | 30 | - [ ] We need use Animated instead of rebound library. Rebound isn't recommended by react-native developers 31 | 32 | #### Credits 33 | 34 | - Thanks to [@kureevalexey] for [react-native-side-menu](https://github.com/Kureev/react-native-side-menu) module that gave me an idea how to develop this module. 35 | 36 | - [react-native-parallax-view](https://github.com/lelandrichardson/react-native-parallax-view) 37 | 38 | 39 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/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"]; 35 | 36 | /** 37 | * OPTION 2 38 | * Load from pre-bundled file on disk. To re-generate the static bundle 39 | * from the root of your project directory, run 40 | * 41 | * $ react-native bundle --minify 42 | * 43 | * see http://facebook.github.io/react-native/docs/runningondevice.html 44 | */ 45 | 46 | // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 47 | 48 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 49 | moduleName:@"DraggableDrawerImageBouncing" 50 | launchOptions:launchOptions]; 51 | 52 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 53 | UIViewController *rootViewController = [[UIViewController alloc] init]; 54 | rootViewController.view = rootView; 55 | self.window.rootViewController = rootViewController; 56 | [self.window makeKeyAndVisible]; 57 | return YES; 58 | } 59 | 60 | @end 61 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/DraggableDrawerImageBouncingTests/DraggableDrawerImageBouncingTests.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 "RCTAssert.h" 14 | #import "RCTRedBox.h" 15 | #import "RCTRootView.h" 16 | 17 | #define TIMEOUT_SECONDS 240 18 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 19 | 20 | @interface DraggableDrawerImageBouncingTests : XCTestCase 21 | 22 | @end 23 | 24 | @implementation DraggableDrawerImageBouncingTests 25 | 26 | 27 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 28 | { 29 | if (test(view)) { 30 | return YES; 31 | } 32 | for (UIView *subview in [view subviews]) { 33 | if ([self findSubviewInView:subview matching:test]) { 34 | return YES; 35 | } 36 | } 37 | return NO; 38 | } 39 | 40 | - (void)testRendersWelcomeScreen { 41 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 42 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 43 | BOOL foundElement = NO; 44 | NSString *redboxError = nil; 45 | 46 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 47 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 48 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 49 | 50 | redboxError = [[RCTRedBox sharedInstance] currentErrorMessage]; 51 | 52 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 53 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 54 | return YES; 55 | } 56 | return NO; 57 | }]; 58 | } 59 | 60 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 61 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 62 | } 63 | 64 | 65 | @end 66 | -------------------------------------------------------------------------------- /helpers/DraggableDrawerHelper.js: -------------------------------------------------------------------------------- 1 | 2 | 'use strict' 3 | 4 | 5 | var React = require('react-native'); 6 | 7 | var { 8 | Animated 9 | } = React; 10 | 11 | 12 | module.exports = function (screen_height ) { 13 | var module = {}; 14 | var initialUsedSpace; 15 | var tension; 16 | var friction; 17 | var initialPosition; 18 | 19 | var callbackPositionUpdated; 20 | 21 | 22 | module.calculateInitialPosition = function ( initial_used_space ){ 23 | initialUsedSpace = Math.abs(initial_used_space); 24 | initialPosition = (screen_height * ( 1 - initialUsedSpace )); 25 | return initialPosition; 26 | }; 27 | 28 | module.getInitialUsedSpace = function(){ 29 | return initialUsedSpace; 30 | }; 31 | 32 | module.getInitialPosition = function(){ 33 | return initialPosition; 34 | }; 35 | 36 | 37 | module.setupAnimation = function ( higher_tension, friction, callbackPositionUpdated ){ 38 | 39 | 40 | this.tension = higher_tension; 41 | this.friction = friction; 42 | this.callbackPositionUpdated = callbackPositionUpdated; 43 | 44 | }; 45 | 46 | 47 | module.isAValidMovement = function(distanceX, distanceY){ 48 | 49 | var moveTravelledFarEnough = Math.abs(distanceY) > Math.abs(distanceX) && Math.abs(distanceY) > 2; 50 | 51 | return moveTravelledFarEnough; 52 | 53 | }; 54 | 55 | 56 | module.startAnimation = function (velocityY, positionY ){ 57 | 58 | 59 | console.log('creating animation '); 60 | 61 | var isGoingToUp = ( velocityY < 0 )? true : false; 62 | var speed = Math.abs(velocityY); 63 | var currentPosition = Math.abs(positionY / screen_height); 64 | var endPosition = isGoingToUp? 0 : 1 - initialUsedSpace; 65 | 66 | var position = new Animated.Value(currentPosition); 67 | 68 | 69 | position.removeAllListeners(); 70 | 71 | var config = { tension: 10, 72 | friction: 3, 73 | velocity: velocityY 74 | }; 75 | 76 | console.log('configuration : '+config+' '+endPosition) 77 | 78 | Animated.spring( position , { 79 | toValue: endPosition, 80 | ...config 81 | } 82 | ).start(); 83 | 84 | position.addListener(this.callbackPositionUpdated); 85 | 86 | 87 | }; 88 | 89 | 90 | 91 | 92 | return module; 93 | }; 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/DemoScreen.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Demo DraggableDrawer component 3 | * 4 | */ 5 | 'use strict'; 6 | 7 | var React = require('react-native'); 8 | var precomputeStyle = require('precomputeStyle'); 9 | 10 | 11 | var { 12 | Animated, 13 | StyleSheet, 14 | Text, 15 | Image, 16 | View, 17 | PanResponder, 18 | StyleSheet 19 | 20 | } = React; 21 | 22 | var Dimensions = require('Dimensions'); 23 | var SCREEN_HEIGHT = Dimensions.get('window').height; 24 | var HIGHER_TENSION = 5000; 25 | var FRICTION = 1200; 26 | //maximum drawer size is 1 that means its use 100% of avalaible space on the screen 27 | var DEFAULT_DRAWER_SIZE = 0.10; 28 | var DraggableDrawer = require('react-native-draggable-drawer'); 29 | 30 | 31 | 32 | 33 | var component = React.createClass({ 34 | 35 | getInitialState: function() { 36 | return {scale: new Animated.Value(1) }; 37 | }, 38 | 39 | onDragDown: function( drawerPosition ) { 40 | 41 | var diff = DEFAULT_DRAWER_SIZE - drawerPosition; 42 | 43 | 44 | if(diff>=0){ 45 | var scaleTo = 1 - ( (1 * drawerPosition)/DEFAULT_DRAWER_SIZE ); 46 | this.state.scale.setValue(1 + scaleTo); 47 | } 48 | }, 49 | 50 | 51 | onRelease: function( isGoingUp ){ 52 | 53 | console.log(' onRelease drawer '+ isGoingUp); 54 | 55 | if(isGoingUp) return; 56 | 57 | 58 | Animated.spring( // Base: spring, decay, timing 59 | this.state.scale, // Animate `scale` 60 | { 61 | toValue: 1, // Animate to smaller size 62 | friction: 20, // Bouncier spring 63 | tension: 20 // Controls speed 64 | 65 | } ) 66 | .start(); 67 | 68 | 69 | }, 70 | 71 | render: function() { 72 | 73 | 74 | 75 | var imageStyle = { flex:1, alignSelf:'center', width: 250, height: 250, transform: [{scaleX: this.state.scale}, {scaleY: this.state.scale}]}; 76 | 77 | var bouncingView = ( 78 | 81 | ); 82 | 83 | 84 | 85 | var containerView = ( 86 | 87 | Container !! 88 | {bouncingView} 89 | 90 | ); 91 | 92 | var drawerView = ( 93 | 94 | Text !! 95 | Text !! 96 | Text !! 97 | Text !! 98 | Text !! 99 | Text !! 100 | Text !! 101 | Text !! 102 | Text !! 103 | Text !! 104 | Text !! 105 | Text !! 106 | 107 | 108 | ); 109 | 110 | return ( 111 | containerView} 116 | renderDrawerView = {() => drawerView} /> 117 | ) 118 | } 119 | }); 120 | 121 | var styles = StyleSheet.create({ 122 | drawerviewStyle: { 123 | backgroundColor: '#55cccc', 124 | } 125 | 126 | 127 | }); 128 | 129 | module.exports = component; -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/iOS/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 | -------------------------------------------------------------------------------- /DraggableDrawer.jsx.js: -------------------------------------------------------------------------------- 1 | 2 | 'use strict' 3 | 4 | var React = require('react-native'); 5 | 6 | var TENSION = 800; 7 | var FRICTION = 90; 8 | 9 | 10 | var { 11 | AppRegistry, 12 | StyleSheet, 13 | Text, 14 | Image, 15 | View, 16 | Animated, 17 | PanResponder, 18 | Dimensions 19 | } = React; 20 | 21 | var SCREEN_HEIGHT = Dimensions.get('window').height; 22 | var DraggableDrawerHelper = require('./helpers/DraggableDrawerHelper')(SCREEN_HEIGHT); 23 | 24 | 25 | 26 | var component = React.createClass({ 27 | 28 | getInitialState: function() { 29 | // naming it initialX clearly indicates that the only purpose 30 | // of the passed down prop is to initialize something internally 31 | var initialDrawerSize = DraggableDrawerHelper.calculateInitialPosition(this.props.initialDrawerSize); 32 | return {position: new Animated.Value(initialDrawerSize) }; 33 | }, 34 | 35 | onUpdatePosition: function (position){ 36 | 37 | this.state.position.setValue(position); 38 | 39 | this._previousTop = position; 40 | 41 | console.log('Position ',position); 42 | 43 | var initialPosition = DraggableDrawerHelper.getInitialPosition(); 44 | 45 | 46 | if( initialPosition === position){ 47 | this.props.onInitialPositionReached && this.props.onInitialPositionReached(); 48 | } 49 | 50 | 51 | }, 52 | 53 | componentWillMount: function() { 54 | 55 | // Initialize the DraggableDrawerHelper that will drive animations 56 | DraggableDrawerHelper.setupAnimation(TENSION,FRICTION, 57 | (position) => { 58 | 59 | if (!this.center) return; 60 | this.onUpdatePosition(position.value); 61 | } 62 | ); 63 | 64 | 65 | this._panGesture = PanResponder.create({ 66 | 67 | onMoveShouldSetPanResponder: (evt, gestureState) => { 68 | return DraggableDrawerHelper.isAValidMovement(gestureState.dx,gestureState.dy); 69 | }, 70 | 71 | onPanResponderMove: (evt, gestureState) => this.moveDrawerView(gestureState), 72 | onPanResponderRelease: (evt, gestureState) => this.moveFinished(gestureState), 73 | }) 74 | }, 75 | 76 | 77 | moveDrawerView: function(gestureState) { 78 | 79 | if (!this.center) return; 80 | 81 | var currentValue = Math.abs(gestureState.moveY / SCREEN_HEIGHT); 82 | var isGoingToUp = ( gestureState.vy < 0 ); 83 | 84 | //Here, I'm subtracting %5 of screen size from edge drawer position to be closer as possible to finger location when dragging the drawer view 85 | var position = gestureState.moveY - SCREEN_HEIGHT * 0.05; 86 | 87 | //Send to callback function the current drawer position when drag down the drawer view component 88 | if(!isGoingToUp) this.props.onDragDown(1-currentValue); 89 | 90 | this.onUpdatePosition(position); 91 | 92 | 93 | 94 | }, 95 | 96 | moveFinished: function(gestureState) { 97 | 98 | console.log('moveFinished '); 99 | 100 | if (!this.center) return; 101 | 102 | DraggableDrawerHelper.startAnimation(gestureState.vy,gestureState.moveY); 103 | 104 | var isGoingToUp = ( gestureState.vy < 0 ); 105 | 106 | this.props.onRelease && this.props.onRelease(isGoingToUp); 107 | 108 | 109 | 110 | }, 111 | 112 | render: function() { 113 | var containerView = this.props.renderContainerView ? this.props.renderContainerView() : null; 114 | var drawerView = this.props.renderDrawerView ? this.props.renderDrawerView() : null; 115 | 116 | var drawerPosition = { 117 | top: this.state.position 118 | }; 119 | 120 | return ( 121 | 122 | 123 | 124 | {containerView} 125 | 126 | 127 | this.center = center} 130 | {...this._panGesture.panHandlers}> 131 | {drawerView} 132 | 133 | 134 | ) 135 | }, 136 | }); 137 | 138 | 139 | var styles = StyleSheet.create({ 140 | 141 | viewport: { 142 | flex: 1, 143 | margin: 20, 144 | backgroundColor: '#22aaff', 145 | 146 | }, 147 | drawer: { 148 | flex:1, 149 | backgroundColor: '#9AABC1', 150 | }, 151 | container: { 152 | position: 'absolute', 153 | top:0, 154 | left:0, 155 | bottom: 0, 156 | right: 0, 157 | backgroundColor: '#EAF2F2', 158 | }, 159 | 160 | }); 161 | 162 | 163 | 164 | module.exports = component; -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/DraggableDrawerImageBouncing.xcodeproj/xcshareddata/xcschemes/DraggableDrawerImageBouncing.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 | -------------------------------------------------------------------------------- /examples/draggable-image-bouncing/DraggableDrawerImageBouncing.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */ = {isa = PBXBuildFile; fileRef = 008F07F21AC5B25A0029DE68 /* main.jsbundle */; }; 11 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 12 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 13 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 14 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 15 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 16 | 00E356F31AD99517003FC87E /* DraggableDrawerImageBouncingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* DraggableDrawerImageBouncingTests.m */; }; 17 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 18 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 19 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 20 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 21 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 22 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 23 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 26 | /* End PBXBuildFile section */ 27 | 28 | /* Begin PBXContainerItemProxy section */ 29 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 30 | isa = PBXContainerItemProxy; 31 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 32 | proxyType = 2; 33 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 34 | remoteInfo = RCTActionSheet; 35 | }; 36 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 37 | isa = PBXContainerItemProxy; 38 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 39 | proxyType = 2; 40 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 41 | remoteInfo = RCTGeolocation; 42 | }; 43 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 44 | isa = PBXContainerItemProxy; 45 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 46 | proxyType = 2; 47 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 48 | remoteInfo = RCTImage; 49 | }; 50 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 51 | isa = PBXContainerItemProxy; 52 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 53 | proxyType = 2; 54 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 55 | remoteInfo = RCTNetwork; 56 | }; 57 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 58 | isa = PBXContainerItemProxy; 59 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 60 | proxyType = 2; 61 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 62 | remoteInfo = RCTVibration; 63 | }; 64 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 65 | isa = PBXContainerItemProxy; 66 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 67 | proxyType = 1; 68 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 69 | remoteInfo = DraggableDrawerImageBouncing; 70 | }; 71 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 72 | isa = PBXContainerItemProxy; 73 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 74 | proxyType = 2; 75 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 76 | remoteInfo = RCTSettings; 77 | }; 78 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 79 | isa = PBXContainerItemProxy; 80 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 81 | proxyType = 2; 82 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 83 | remoteInfo = RCTWebSocket; 84 | }; 85 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 86 | isa = PBXContainerItemProxy; 87 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 88 | proxyType = 2; 89 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 90 | remoteInfo = React; 91 | }; 92 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 93 | isa = PBXContainerItemProxy; 94 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 95 | proxyType = 2; 96 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 97 | remoteInfo = RCTLinking; 98 | }; 99 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 100 | isa = PBXContainerItemProxy; 101 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 102 | proxyType = 2; 103 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 104 | remoteInfo = RCTText; 105 | }; 106 | /* End PBXContainerItemProxy section */ 107 | 108 | /* Begin PBXFileReference section */ 109 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = main.jsbundle; path = iOS/main.jsbundle; sourceTree = ""; }; 110 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj; sourceTree = ""; }; 111 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj; sourceTree = ""; }; 112 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = node_modules/react-native/Libraries/Image/RCTImage.xcodeproj; sourceTree = ""; }; 113 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj; sourceTree = ""; }; 114 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj; sourceTree = ""; }; 115 | 00E356EE1AD99517003FC87E /* DraggableDrawerImageBouncingTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = DraggableDrawerImageBouncingTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 116 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 117 | 00E356F21AD99517003FC87E /* DraggableDrawerImageBouncingTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = DraggableDrawerImageBouncingTests.m; sourceTree = ""; }; 118 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj; sourceTree = ""; }; 119 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj; sourceTree = ""; }; 120 | 13B07F961A680F5B00A75B9A /* DraggableDrawerImageBouncing.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = DraggableDrawerImageBouncing.app; sourceTree = BUILT_PRODUCTS_DIR; }; 121 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = iOS/AppDelegate.h; sourceTree = ""; }; 122 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = iOS/AppDelegate.m; sourceTree = ""; }; 123 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 124 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = iOS/Images.xcassets; sourceTree = ""; }; 125 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = iOS/Info.plist; sourceTree = ""; }; 126 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = iOS/main.m; sourceTree = ""; }; 127 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = node_modules/react-native/React/React.xcodeproj; sourceTree = ""; }; 128 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj; sourceTree = ""; }; 129 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = node_modules/react-native/Libraries/Text/RCTText.xcodeproj; sourceTree = ""; }; 130 | /* End PBXFileReference section */ 131 | 132 | /* Begin PBXFrameworksBuildPhase section */ 133 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 134 | isa = PBXFrameworksBuildPhase; 135 | buildActionMask = 2147483647; 136 | files = ( 137 | ); 138 | runOnlyForDeploymentPostprocessing = 0; 139 | }; 140 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 141 | isa = PBXFrameworksBuildPhase; 142 | buildActionMask = 2147483647; 143 | files = ( 144 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 145 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 146 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 147 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 148 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 149 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 150 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 151 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 152 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 153 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 154 | ); 155 | runOnlyForDeploymentPostprocessing = 0; 156 | }; 157 | /* End PBXFrameworksBuildPhase section */ 158 | 159 | /* Begin PBXGroup section */ 160 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 161 | isa = PBXGroup; 162 | children = ( 163 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 164 | ); 165 | name = Products; 166 | sourceTree = ""; 167 | }; 168 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 169 | isa = PBXGroup; 170 | children = ( 171 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 172 | ); 173 | name = Products; 174 | sourceTree = ""; 175 | }; 176 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 177 | isa = PBXGroup; 178 | children = ( 179 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 180 | ); 181 | name = Products; 182 | sourceTree = ""; 183 | }; 184 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 185 | isa = PBXGroup; 186 | children = ( 187 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 188 | ); 189 | name = Products; 190 | sourceTree = ""; 191 | }; 192 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 193 | isa = PBXGroup; 194 | children = ( 195 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 196 | ); 197 | name = Products; 198 | sourceTree = ""; 199 | }; 200 | 00E356EF1AD99517003FC87E /* DraggableDrawerImageBouncingTests */ = { 201 | isa = PBXGroup; 202 | children = ( 203 | 00E356F21AD99517003FC87E /* DraggableDrawerImageBouncingTests.m */, 204 | 00E356F01AD99517003FC87E /* Supporting Files */, 205 | ); 206 | path = DraggableDrawerImageBouncingTests; 207 | sourceTree = ""; 208 | }; 209 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 210 | isa = PBXGroup; 211 | children = ( 212 | 00E356F11AD99517003FC87E /* Info.plist */, 213 | ); 214 | name = "Supporting Files"; 215 | sourceTree = ""; 216 | }; 217 | 139105B71AF99BAD00B5F7CC /* Products */ = { 218 | isa = PBXGroup; 219 | children = ( 220 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 221 | ); 222 | name = Products; 223 | sourceTree = ""; 224 | }; 225 | 139FDEE71B06529A00C62182 /* Products */ = { 226 | isa = PBXGroup; 227 | children = ( 228 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 229 | ); 230 | name = Products; 231 | sourceTree = ""; 232 | }; 233 | 13B07FAE1A68108700A75B9A /* DraggableDrawerImageBouncing */ = { 234 | isa = PBXGroup; 235 | children = ( 236 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 237 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 238 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 239 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 240 | 13B07FB61A68108700A75B9A /* Info.plist */, 241 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 242 | 13B07FB71A68108700A75B9A /* main.m */, 243 | ); 244 | name = DraggableDrawerImageBouncing; 245 | sourceTree = ""; 246 | }; 247 | 146834001AC3E56700842450 /* Products */ = { 248 | isa = PBXGroup; 249 | children = ( 250 | 146834041AC3E56700842450 /* libReact.a */, 251 | ); 252 | name = Products; 253 | sourceTree = ""; 254 | }; 255 | 78C398B11ACF4ADC00677621 /* Products */ = { 256 | isa = PBXGroup; 257 | children = ( 258 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 259 | ); 260 | name = Products; 261 | sourceTree = ""; 262 | }; 263 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 264 | isa = PBXGroup; 265 | children = ( 266 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 267 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 268 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 269 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 270 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 271 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 272 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 273 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 274 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 275 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 276 | ); 277 | name = Libraries; 278 | sourceTree = ""; 279 | }; 280 | 832341B11AAA6A8300B99B32 /* Products */ = { 281 | isa = PBXGroup; 282 | children = ( 283 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 284 | ); 285 | name = Products; 286 | sourceTree = ""; 287 | }; 288 | 83CBB9F61A601CBA00E9B192 = { 289 | isa = PBXGroup; 290 | children = ( 291 | 13B07FAE1A68108700A75B9A /* DraggableDrawerImageBouncing */, 292 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 293 | 00E356EF1AD99517003FC87E /* DraggableDrawerImageBouncingTests */, 294 | 83CBBA001A601CBA00E9B192 /* Products */, 295 | ); 296 | indentWidth = 2; 297 | sourceTree = ""; 298 | tabWidth = 2; 299 | }; 300 | 83CBBA001A601CBA00E9B192 /* Products */ = { 301 | isa = PBXGroup; 302 | children = ( 303 | 13B07F961A680F5B00A75B9A /* DraggableDrawerImageBouncing.app */, 304 | 00E356EE1AD99517003FC87E /* DraggableDrawerImageBouncingTests.xctest */, 305 | ); 306 | name = Products; 307 | sourceTree = ""; 308 | }; 309 | /* End PBXGroup section */ 310 | 311 | /* Begin PBXNativeTarget section */ 312 | 00E356ED1AD99517003FC87E /* DraggableDrawerImageBouncingTests */ = { 313 | isa = PBXNativeTarget; 314 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "DraggableDrawerImageBouncingTests" */; 315 | buildPhases = ( 316 | 00E356EA1AD99517003FC87E /* Sources */, 317 | 00E356EB1AD99517003FC87E /* Frameworks */, 318 | 00E356EC1AD99517003FC87E /* Resources */, 319 | ); 320 | buildRules = ( 321 | ); 322 | dependencies = ( 323 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 324 | ); 325 | name = DraggableDrawerImageBouncingTests; 326 | productName = DraggableDrawerImageBouncingTests; 327 | productReference = 00E356EE1AD99517003FC87E /* DraggableDrawerImageBouncingTests.xctest */; 328 | productType = "com.apple.product-type.bundle.unit-test"; 329 | }; 330 | 13B07F861A680F5B00A75B9A /* DraggableDrawerImageBouncing */ = { 331 | isa = PBXNativeTarget; 332 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "DraggableDrawerImageBouncing" */; 333 | buildPhases = ( 334 | 13B07F871A680F5B00A75B9A /* Sources */, 335 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 336 | 13B07F8E1A680F5B00A75B9A /* Resources */, 337 | ); 338 | buildRules = ( 339 | ); 340 | dependencies = ( 341 | ); 342 | name = DraggableDrawerImageBouncing; 343 | productName = "Hello World"; 344 | productReference = 13B07F961A680F5B00A75B9A /* DraggableDrawerImageBouncing.app */; 345 | productType = "com.apple.product-type.application"; 346 | }; 347 | /* End PBXNativeTarget section */ 348 | 349 | /* Begin PBXProject section */ 350 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 351 | isa = PBXProject; 352 | attributes = { 353 | LastUpgradeCheck = 0610; 354 | ORGANIZATIONNAME = Facebook; 355 | TargetAttributes = { 356 | 00E356ED1AD99517003FC87E = { 357 | CreatedOnToolsVersion = 6.2; 358 | TestTargetID = 13B07F861A680F5B00A75B9A; 359 | }; 360 | }; 361 | }; 362 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "DraggableDrawerImageBouncing" */; 363 | compatibilityVersion = "Xcode 3.2"; 364 | developmentRegion = English; 365 | hasScannedForEncodings = 0; 366 | knownRegions = ( 367 | en, 368 | Base, 369 | ); 370 | mainGroup = 83CBB9F61A601CBA00E9B192; 371 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 372 | projectDirPath = ""; 373 | projectReferences = ( 374 | { 375 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 376 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 377 | }, 378 | { 379 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 380 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 381 | }, 382 | { 383 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 384 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 385 | }, 386 | { 387 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 388 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 389 | }, 390 | { 391 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 392 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 393 | }, 394 | { 395 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 396 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 397 | }, 398 | { 399 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 400 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 401 | }, 402 | { 403 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 404 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 405 | }, 406 | { 407 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 408 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 409 | }, 410 | { 411 | ProductGroup = 146834001AC3E56700842450 /* Products */; 412 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 413 | }, 414 | ); 415 | projectRoot = ""; 416 | targets = ( 417 | 13B07F861A680F5B00A75B9A /* DraggableDrawerImageBouncing */, 418 | 00E356ED1AD99517003FC87E /* DraggableDrawerImageBouncingTests */, 419 | ); 420 | }; 421 | /* End PBXProject section */ 422 | 423 | /* Begin PBXReferenceProxy section */ 424 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 425 | isa = PBXReferenceProxy; 426 | fileType = archive.ar; 427 | path = libRCTActionSheet.a; 428 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 429 | sourceTree = BUILT_PRODUCTS_DIR; 430 | }; 431 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 432 | isa = PBXReferenceProxy; 433 | fileType = archive.ar; 434 | path = libRCTGeolocation.a; 435 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 436 | sourceTree = BUILT_PRODUCTS_DIR; 437 | }; 438 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 439 | isa = PBXReferenceProxy; 440 | fileType = archive.ar; 441 | path = libRCTImage.a; 442 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 443 | sourceTree = BUILT_PRODUCTS_DIR; 444 | }; 445 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 446 | isa = PBXReferenceProxy; 447 | fileType = archive.ar; 448 | path = libRCTNetwork.a; 449 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 450 | sourceTree = BUILT_PRODUCTS_DIR; 451 | }; 452 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 453 | isa = PBXReferenceProxy; 454 | fileType = archive.ar; 455 | path = libRCTVibration.a; 456 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 457 | sourceTree = BUILT_PRODUCTS_DIR; 458 | }; 459 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 460 | isa = PBXReferenceProxy; 461 | fileType = archive.ar; 462 | path = libRCTSettings.a; 463 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 464 | sourceTree = BUILT_PRODUCTS_DIR; 465 | }; 466 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 467 | isa = PBXReferenceProxy; 468 | fileType = archive.ar; 469 | path = libRCTWebSocket.a; 470 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 471 | sourceTree = BUILT_PRODUCTS_DIR; 472 | }; 473 | 146834041AC3E56700842450 /* libReact.a */ = { 474 | isa = PBXReferenceProxy; 475 | fileType = archive.ar; 476 | path = libReact.a; 477 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 478 | sourceTree = BUILT_PRODUCTS_DIR; 479 | }; 480 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 481 | isa = PBXReferenceProxy; 482 | fileType = archive.ar; 483 | path = libRCTLinking.a; 484 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 485 | sourceTree = BUILT_PRODUCTS_DIR; 486 | }; 487 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 488 | isa = PBXReferenceProxy; 489 | fileType = archive.ar; 490 | path = libRCTText.a; 491 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 492 | sourceTree = BUILT_PRODUCTS_DIR; 493 | }; 494 | /* End PBXReferenceProxy section */ 495 | 496 | /* Begin PBXResourcesBuildPhase section */ 497 | 00E356EC1AD99517003FC87E /* Resources */ = { 498 | isa = PBXResourcesBuildPhase; 499 | buildActionMask = 2147483647; 500 | files = ( 501 | ); 502 | runOnlyForDeploymentPostprocessing = 0; 503 | }; 504 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 505 | isa = PBXResourcesBuildPhase; 506 | buildActionMask = 2147483647; 507 | files = ( 508 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */, 509 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 510 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 511 | ); 512 | runOnlyForDeploymentPostprocessing = 0; 513 | }; 514 | /* End PBXResourcesBuildPhase section */ 515 | 516 | /* Begin PBXSourcesBuildPhase section */ 517 | 00E356EA1AD99517003FC87E /* Sources */ = { 518 | isa = PBXSourcesBuildPhase; 519 | buildActionMask = 2147483647; 520 | files = ( 521 | 00E356F31AD99517003FC87E /* DraggableDrawerImageBouncingTests.m in Sources */, 522 | ); 523 | runOnlyForDeploymentPostprocessing = 0; 524 | }; 525 | 13B07F871A680F5B00A75B9A /* Sources */ = { 526 | isa = PBXSourcesBuildPhase; 527 | buildActionMask = 2147483647; 528 | files = ( 529 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 530 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 531 | ); 532 | runOnlyForDeploymentPostprocessing = 0; 533 | }; 534 | /* End PBXSourcesBuildPhase section */ 535 | 536 | /* Begin PBXTargetDependency section */ 537 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 538 | isa = PBXTargetDependency; 539 | target = 13B07F861A680F5B00A75B9A /* DraggableDrawerImageBouncing */; 540 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 541 | }; 542 | /* End PBXTargetDependency section */ 543 | 544 | /* Begin PBXVariantGroup section */ 545 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 546 | isa = PBXVariantGroup; 547 | children = ( 548 | 13B07FB21A68108700A75B9A /* Base */, 549 | ); 550 | name = LaunchScreen.xib; 551 | path = iOS; 552 | sourceTree = ""; 553 | }; 554 | /* End PBXVariantGroup section */ 555 | 556 | /* Begin XCBuildConfiguration section */ 557 | 00E356F61AD99517003FC87E /* Debug */ = { 558 | isa = XCBuildConfiguration; 559 | buildSettings = { 560 | BUNDLE_LOADER = "$(TEST_HOST)"; 561 | FRAMEWORK_SEARCH_PATHS = ( 562 | "$(SDKROOT)/Developer/Library/Frameworks", 563 | "$(inherited)", 564 | ); 565 | GCC_PREPROCESSOR_DEFINITIONS = ( 566 | "DEBUG=1", 567 | "$(inherited)", 568 | ); 569 | INFOPLIST_FILE = DraggableDrawerImageBouncingTests/Info.plist; 570 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 571 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 572 | PRODUCT_NAME = "$(TARGET_NAME)"; 573 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDrawerImageBouncing.app/DraggableDrawerImageBouncing"; 574 | }; 575 | name = Debug; 576 | }; 577 | 00E356F71AD99517003FC87E /* Release */ = { 578 | isa = XCBuildConfiguration; 579 | buildSettings = { 580 | BUNDLE_LOADER = "$(TEST_HOST)"; 581 | COPY_PHASE_STRIP = NO; 582 | FRAMEWORK_SEARCH_PATHS = ( 583 | "$(SDKROOT)/Developer/Library/Frameworks", 584 | "$(inherited)", 585 | ); 586 | INFOPLIST_FILE = DraggableDrawerImageBouncingTests/Info.plist; 587 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 588 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 589 | PRODUCT_NAME = "$(TARGET_NAME)"; 590 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/DraggableDrawerImageBouncing.app/DraggableDrawerImageBouncing"; 591 | }; 592 | name = Release; 593 | }; 594 | 13B07F941A680F5B00A75B9A /* Debug */ = { 595 | isa = XCBuildConfiguration; 596 | buildSettings = { 597 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 598 | HEADER_SEARCH_PATHS = ( 599 | "$(inherited)", 600 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 601 | "$(SRCROOT)/node_modules/react-native/React/**", 602 | ); 603 | INFOPLIST_FILE = "iOS/Info.plist"; 604 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 605 | OTHER_LDFLAGS = "-ObjC"; 606 | PRODUCT_NAME = DraggableDrawerImageBouncing; 607 | }; 608 | name = Debug; 609 | }; 610 | 13B07F951A680F5B00A75B9A /* Release */ = { 611 | isa = XCBuildConfiguration; 612 | buildSettings = { 613 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 614 | HEADER_SEARCH_PATHS = ( 615 | "$(inherited)", 616 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 617 | "$(SRCROOT)/node_modules/react-native/React/**", 618 | ); 619 | INFOPLIST_FILE = "iOS/Info.plist"; 620 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 621 | OTHER_LDFLAGS = "-ObjC"; 622 | PRODUCT_NAME = DraggableDrawerImageBouncing; 623 | }; 624 | name = Release; 625 | }; 626 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 627 | isa = XCBuildConfiguration; 628 | buildSettings = { 629 | ALWAYS_SEARCH_USER_PATHS = NO; 630 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 631 | CLANG_CXX_LIBRARY = "libc++"; 632 | CLANG_ENABLE_MODULES = YES; 633 | CLANG_ENABLE_OBJC_ARC = YES; 634 | CLANG_WARN_BOOL_CONVERSION = YES; 635 | CLANG_WARN_CONSTANT_CONVERSION = YES; 636 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 637 | CLANG_WARN_EMPTY_BODY = YES; 638 | CLANG_WARN_ENUM_CONVERSION = YES; 639 | CLANG_WARN_INT_CONVERSION = YES; 640 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 641 | CLANG_WARN_UNREACHABLE_CODE = YES; 642 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 643 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 644 | COPY_PHASE_STRIP = NO; 645 | ENABLE_STRICT_OBJC_MSGSEND = YES; 646 | GCC_C_LANGUAGE_STANDARD = gnu99; 647 | GCC_DYNAMIC_NO_PIC = NO; 648 | GCC_OPTIMIZATION_LEVEL = 0; 649 | GCC_PREPROCESSOR_DEFINITIONS = ( 650 | "DEBUG=1", 651 | "$(inherited)", 652 | ); 653 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 654 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 655 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 656 | GCC_WARN_UNDECLARED_SELECTOR = YES; 657 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 658 | GCC_WARN_UNUSED_FUNCTION = YES; 659 | GCC_WARN_UNUSED_VARIABLE = YES; 660 | HEADER_SEARCH_PATHS = ( 661 | "$(inherited)", 662 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 663 | "$(SRCROOT)/node_modules/react-native/React/**", 664 | ); 665 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 666 | MTL_ENABLE_DEBUG_INFO = YES; 667 | ONLY_ACTIVE_ARCH = YES; 668 | SDKROOT = iphoneos; 669 | }; 670 | name = Debug; 671 | }; 672 | 83CBBA211A601CBA00E9B192 /* Release */ = { 673 | isa = XCBuildConfiguration; 674 | buildSettings = { 675 | ALWAYS_SEARCH_USER_PATHS = NO; 676 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 677 | CLANG_CXX_LIBRARY = "libc++"; 678 | CLANG_ENABLE_MODULES = YES; 679 | CLANG_ENABLE_OBJC_ARC = YES; 680 | CLANG_WARN_BOOL_CONVERSION = YES; 681 | CLANG_WARN_CONSTANT_CONVERSION = YES; 682 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 683 | CLANG_WARN_EMPTY_BODY = YES; 684 | CLANG_WARN_ENUM_CONVERSION = YES; 685 | CLANG_WARN_INT_CONVERSION = YES; 686 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 687 | CLANG_WARN_UNREACHABLE_CODE = YES; 688 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 689 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 690 | COPY_PHASE_STRIP = YES; 691 | ENABLE_NS_ASSERTIONS = NO; 692 | ENABLE_STRICT_OBJC_MSGSEND = YES; 693 | GCC_C_LANGUAGE_STANDARD = gnu99; 694 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 695 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 696 | GCC_WARN_UNDECLARED_SELECTOR = YES; 697 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 698 | GCC_WARN_UNUSED_FUNCTION = YES; 699 | GCC_WARN_UNUSED_VARIABLE = YES; 700 | HEADER_SEARCH_PATHS = ( 701 | "$(inherited)", 702 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 703 | "$(SRCROOT)/node_modules/react-native/React/**", 704 | ); 705 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 706 | MTL_ENABLE_DEBUG_INFO = NO; 707 | SDKROOT = iphoneos; 708 | VALIDATE_PRODUCT = YES; 709 | }; 710 | name = Release; 711 | }; 712 | /* End XCBuildConfiguration section */ 713 | 714 | /* Begin XCConfigurationList section */ 715 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "DraggableDrawerImageBouncingTests" */ = { 716 | isa = XCConfigurationList; 717 | buildConfigurations = ( 718 | 00E356F61AD99517003FC87E /* Debug */, 719 | 00E356F71AD99517003FC87E /* Release */, 720 | ); 721 | defaultConfigurationIsVisible = 0; 722 | defaultConfigurationName = Release; 723 | }; 724 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "DraggableDrawerImageBouncing" */ = { 725 | isa = XCConfigurationList; 726 | buildConfigurations = ( 727 | 13B07F941A680F5B00A75B9A /* Debug */, 728 | 13B07F951A680F5B00A75B9A /* Release */, 729 | ); 730 | defaultConfigurationIsVisible = 0; 731 | defaultConfigurationName = Release; 732 | }; 733 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "DraggableDrawerImageBouncing" */ = { 734 | isa = XCConfigurationList; 735 | buildConfigurations = ( 736 | 83CBBA201A601CBA00E9B192 /* Debug */, 737 | 83CBBA211A601CBA00E9B192 /* Release */, 738 | ); 739 | defaultConfigurationIsVisible = 0; 740 | defaultConfigurationName = Release; 741 | }; 742 | /* End XCConfigurationList section */ 743 | }; 744 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 745 | } 746 | --------------------------------------------------------------------------------