├── Screenshots ├── basic.png ├── basic@2x.png └── debug_thumb_touch_size@2x.png ├── .codeclimate.yml ├── .editorconfig ├── Example ├── iOS │ ├── main.jsbundle │ ├── AppDelegate.h │ ├── main.m │ ├── Images.xcassets │ │ └── AppIcon.appiconset │ │ │ └── Contents.json │ ├── Info.plist │ ├── AppDelegate.m │ └── Base.lproj │ │ └── LaunchScreen.xib ├── SliderExampleTests │ ├── Info.plist │ └── SliderExampleTests.m ├── SliderExample.xcodeproj │ ├── xcshareddata │ │ └── xcschemes │ │ │ └── SliderExample.xcscheme │ └── project.pbxproj └── index.ios.js ├── .npmignore ├── .gitignore ├── package.json ├── .flowconfig ├── .eslintrc ├── README.md └── Slider.js /Screenshots/basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/corymsmith/react-native-slider/master/Screenshots/basic.png -------------------------------------------------------------------------------- /Screenshots/basic@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/corymsmith/react-native-slider/master/Screenshots/basic@2x.png -------------------------------------------------------------------------------- /Screenshots/debug_thumb_touch_size@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/corymsmith/react-native-slider/master/Screenshots/debug_thumb_touch_size@2x.png -------------------------------------------------------------------------------- /.codeclimate.yml: -------------------------------------------------------------------------------- 1 | engines: 2 | eslint: 3 | enabled: true 4 | ratings: 5 | paths: 6 | - "**.js" 7 | exclude_paths: 8 | - Example/**/* 9 | - Screenshots/**/* 10 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Example/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 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 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 | 24 | # node.js 25 | # 26 | node_modules/ 27 | npm-debug.log 28 | -------------------------------------------------------------------------------- /.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 | -------------------------------------------------------------------------------- /Example/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 | -------------------------------------------------------------------------------- /Example/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 | -------------------------------------------------------------------------------- /Example/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 | } -------------------------------------------------------------------------------- /Example/SliderExampleTests/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 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-slider", 3 | "version": "0.3.0", 4 | "description": "A pure JavaScript component for react-native", 5 | "main": "Slider.js", 6 | "author": "Jean Regisser (https://github.com/jeanregisser)", 7 | "keywords": [ 8 | "react-component", 9 | "react-native", 10 | "ios", 11 | "slider" 12 | ], 13 | "license": "MIT", 14 | "scripts": { 15 | "start": "node_modules/react-native/packager/packager.sh" 16 | }, 17 | "repository": { 18 | "type": "git", 19 | "url": "git@github.com:jeanregisser/react-native-slider.git" 20 | }, 21 | "dependencies": { 22 | }, 23 | "peerDependencies": { 24 | "react-native": ">=0.4.4 || 0.8.0-rc || 0.8.0-rc.2 || 0.9.0-rc || 0.10.0-rc || 0.11.0-rc" 25 | }, 26 | "devDependencies": { 27 | "babel-eslint": "^3.1.15", 28 | "eslint": "^0.23.0", 29 | "eslint-plugin-react": "^2.5.2" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /.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/vendor/core/ExecutionEnvironment.js 13 | .*/node_modules/react-tools/src/browser/eventPlugins/ResponderEventPlugin.js 14 | .*/node_modules/react-tools/src/browser/ui/React.js 15 | .*/node_modules/react-tools/src/core/ReactInstanceHandles.js 16 | .*/node_modules/react-tools/src/event/EventPropagators.js 17 | 18 | # Ignore commoner tests 19 | .*/node_modules/react-tools/node_modules/commoner/test/.* 20 | 21 | # See https://github.com/facebook/flow/issues/442 22 | .*/react-tools/node_modules/commoner/lib/reader.js 23 | 24 | # Ignore jest 25 | .*/react-native/node_modules/jest-cli/.* 26 | 27 | [include] 28 | 29 | [libs] 30 | node_modules/react-native/Libraries/react-native/react-native-interface.js 31 | 32 | [options] 33 | module.system=haste 34 | 35 | [version] 36 | 0.13.1 37 | -------------------------------------------------------------------------------- /Example/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 | 42 | 43 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | "env": { 4 | "es6": true 5 | }, 6 | "ecmaFeatures": { 7 | "jsx": true 8 | }, 9 | "plugins": [ 10 | "react" 11 | ], 12 | "globals": { 13 | "__DEV__": true, 14 | "__dirname": false, 15 | "__fbBatchedBridgeConfig": false, 16 | "cancelAnimationFrame": false, 17 | "clearImmediate": true, 18 | "clearInterval": false, 19 | "clearTimeout": false, 20 | "console": false, 21 | "document": false, 22 | "escape": false, 23 | "exports": false, 24 | "fetch": false, 25 | "global": false, 26 | "jest": false, 27 | "Map": true, 28 | "module": false, 29 | "navigator": false, 30 | "process": false, 31 | "Promise": true, 32 | "requestAnimationFrame": true, 33 | "require": false, 34 | "Set": true, 35 | "setImmediate": true, 36 | "setInterval": false, 37 | "setTimeout": false, 38 | "window": false, 39 | "XMLHttpRequest": false, 40 | "pit": false 41 | }, 42 | "rules": { 43 | "indent": [ 44 | 2, 45 | 2 46 | ], 47 | "quotes": [ 48 | 2, 49 | "single", 50 | "avoid-escape" 51 | ], 52 | "linebreak-style": [ 53 | 2, 54 | "unix" 55 | ], 56 | "semi": [ 57 | 2, 58 | "always" 59 | ], 60 | "strict": [ 61 | 2, 62 | "global" 63 | ], 64 | "global-strict": 0, 65 | "no-use-before-define": 0, 66 | "comma-dangle": 0, 67 | "no-underscore-dangle": 0, 68 | "eol-last": 1 69 | } 70 | } -------------------------------------------------------------------------------- /Example/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/Example/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:@"SliderExample" 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 | -------------------------------------------------------------------------------- /Example/SliderExampleTests/SliderExampleTests.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 SliderExampleTests : XCTestCase 21 | 22 | @end 23 | 24 | @implementation SliderExampleTests 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 respondsToSelector:@selector(attributedText)]) { 54 | NSString *text = [(id)view attributedText].string; 55 | if ([text isEqualToString:TEXT_TO_LOOK_FOR]) { 56 | return YES; 57 | } 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 64 | XCTAssertTrue(foundElement, @"Cound't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 65 | } 66 | 67 | 68 | @end 69 | -------------------------------------------------------------------------------- /Example/iOS/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 20 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## react-native-slider 2 | 3 | [![npm version](http://img.shields.io/npm/v/react-native-slider.svg?style=flat-square)](https://npmjs.org/package/react-native-slider "View this project on npm") 4 | [![npm downloads](http://img.shields.io/npm/dm/react-native-slider.svg?style=flat-square)](https://npmjs.org/package/react-native-slider "View this project on npm") 5 | [![npm licence](http://img.shields.io/npm/l/react-native-slider.svg?style=flat-square)](https://npmjs.org/package/react-native-slider "View this project on npm") 6 | 7 | A pure JavaScript `` component for react-native. This is still very much a work 8 | in progress, ideas and contributions are very welcome. 9 | 10 | ![Demo](https://raw.githubusercontent.com/jeanregisser/react-native-slider/master/Screenshots/basic.png) 11 | 12 | It is a drop-in replacement for [SliderIOS](http://facebook.github.io/react-native/docs/sliderios.html). 13 | 14 | ## Install 15 | 16 | ```shell 17 | npm i --save react-native-slider 18 | ``` 19 | 20 | ## Usage 21 | 22 | ```javascript 23 | 'use strict'; 24 | 25 | var React = require('react-native'); 26 | var Slider = require('react-native-slider'); 27 | var { 28 | AppRegistry, 29 | StyleSheet, 30 | View, 31 | Text, 32 | } = React; 33 | 34 | var SliderExample = React.createClass({ 35 | getInitialState() { 36 | return { 37 | value: 0.2, 38 | }; 39 | }, 40 | 41 | render() { 42 | return ( 43 | 44 | this.setState({value})} /> 47 | Value: {this.state.value} 48 | 49 | ); 50 | } 51 | }); 52 | 53 | var styles = StyleSheet.create({ 54 | container: { 55 | flex: 1, 56 | marginLeft: 10, 57 | marginRight: 10, 58 | alignItems: 'stretch', 59 | justifyContent: 'center', 60 | }, 61 | }); 62 | 63 | AppRegistry.registerComponent('SliderExample', () => SliderExample); 64 | ``` 65 | 66 | ## Props 67 | 68 | Prop | Type | Optional | Default | Description 69 | --------------------- | -------- | -------- | ------------------------- | ----------- 70 | value | number | Yes | 0 | Initial value of the slider 71 | minimumValue | number | Yes | 0 | Initial minimum value of the slider 72 | maximumValue | number | Yes | 1 | Initial maximum value of the slider 73 | minimumTrackTintColor | string | Yes | '#3f3f3f' | The color used for the track to the left of the button 74 | maximumTrackTintColor | string | Yes | '#b3b3b3' | The color used for the track to the right of the button 75 | thumbTintColor | string | Yes | '#343434' | The color used for the thumb 76 | thumbTouchSize | object | Yes | `{width: 40, height: 40}` | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. 77 | onValueChange | function | Yes | | Callback continuously called while the user is dragging the slider 78 | onSlidingStart | function | Yes | | Callback called when the user starts changing the value (e.g. when the slider is pressed) 79 | onSlidingComplete | function | Yes | | Callback called when the user finishes changing the value (e.g. when the slider is released) 80 | style | [style](http://facebook.github.io/react-native/docs/view.html#style) | Yes | | The style applied to the slider container 81 | trackStyle | [style](http://facebook.github.io/react-native/docs/view.html#style) | Yes | | The style applied to the track 82 | thumbStyle | [style](http://facebook.github.io/react-native/docs/view.html#style) | Yes | | The style applied to the thumb 83 | debugTouchArea | bool | Yes | false | Set this to true to visually see the thumb touch rect in green. 84 | 85 | --- 86 | 87 | **MIT Licensed** 88 | -------------------------------------------------------------------------------- /Example/SliderExample.xcodeproj/xcshareddata/xcschemes/SliderExample.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/index.ios.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react-native'); 4 | var Slider = require('../Slider'); 5 | var { 6 | AppRegistry, 7 | StyleSheet, 8 | Text, 9 | ScrollView, 10 | View, 11 | SliderIOS, 12 | } = React; 13 | 14 | var DEFAULT_VALUE = 0.2; 15 | 16 | var SliderContainer = React.createClass({ 17 | getInitialState() { 18 | return { 19 | value: DEFAULT_VALUE, 20 | }; 21 | }, 22 | 23 | render() { 24 | var value = this.state.value; 25 | 26 | return ( 27 | 28 | 29 | {this.props.caption} 30 | {value} 31 | 32 | {this._renderChildren()} 33 | 34 | ); 35 | }, 36 | 37 | _renderChildren() { 38 | return React.Children.map(this.props.children, (child) => { 39 | if (child.type === Slider 40 | || child.type === SliderIOS) { 41 | var value = this.state.value; 42 | return React.addons.cloneWithProps(child, { 43 | value: value, 44 | onValueChange: (val) => this.setState({value: val}), 45 | }); 46 | } else { 47 | return child; 48 | } 49 | }.bind(this)); 50 | }, 51 | }); 52 | 53 | var SliderExample = React.createClass({ 54 | getInitialState() { 55 | return { 56 | //value: 0.2, 57 | }; 58 | }, 59 | 60 | render() { 61 | return ( 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 77 | 78 | 79 | 85 | 86 | 87 | 92 | 93 | 94 | 99 | 100 | 101 | 106 | 107 | 108 | 113 | 114 | 115 | 120 | 121 | 122 | 127 | 128 | 129 | 136 | 137 | 138 | ); 139 | }, 140 | }); 141 | 142 | var styles = StyleSheet.create({ 143 | container: { 144 | margin: 20, 145 | paddingBottom: 20, 146 | justifyContent: 'flex-start', 147 | alignItems: 'stretch', 148 | }, 149 | titleContainer: { 150 | flexDirection: 'row', 151 | justifyContent: 'space-between', 152 | alignItems: 'center', 153 | }, 154 | caption: { 155 | //flex: 1, 156 | }, 157 | value: { 158 | flex: 1, 159 | textAlign: 'right', 160 | marginLeft: 10, 161 | } 162 | }); 163 | 164 | var iosStyles = StyleSheet.create({ 165 | track: { 166 | height: 2, 167 | borderRadius: 1, 168 | }, 169 | thumb: { 170 | width: 30, 171 | height: 30, 172 | borderRadius: 30 / 2, 173 | backgroundColor: 'white', 174 | shadowColor: 'black', 175 | shadowOffset: {width: 0, height: 2}, 176 | shadowRadius: 2, 177 | shadowOpacity: 0.35, 178 | } 179 | }); 180 | 181 | var customStyles2 = StyleSheet.create({ 182 | track: { 183 | height: 4, 184 | borderRadius: 2, 185 | }, 186 | thumb: { 187 | width: 30, 188 | height: 30, 189 | borderRadius: 30 / 2, 190 | backgroundColor: 'white', 191 | borderColor: '#30a935', 192 | borderWidth: 2, 193 | } 194 | }); 195 | 196 | var customStyles3 = StyleSheet.create({ 197 | track: { 198 | height: 10, 199 | borderRadius: 5, 200 | backgroundColor: '#d0d0d0', 201 | }, 202 | thumb: { 203 | width: 10, 204 | height: 30, 205 | borderRadius: 5, 206 | backgroundColor: '#eb6e1b', 207 | } 208 | }); 209 | 210 | var customStyles4 = StyleSheet.create({ 211 | track: { 212 | height: 10, 213 | borderRadius: 4, 214 | backgroundColor: 'white', 215 | shadowColor: 'black', 216 | shadowOffset: {width: 0, height: 1}, 217 | shadowRadius: 1, 218 | shadowOpacity: 0.15, 219 | }, 220 | thumb: { 221 | width: 20, 222 | height: 20, 223 | backgroundColor: '#f8a1d6', 224 | borderColor: '#a4126e', 225 | borderWidth: 5, 226 | borderRadius: 10, 227 | shadowColor: 'black', 228 | shadowOffset: {width: 0, height: 2}, 229 | shadowRadius: 2, 230 | shadowOpacity: 0.35, 231 | } 232 | }); 233 | 234 | var customStyles5 = StyleSheet.create({ 235 | track: { 236 | height: 18, 237 | borderRadius: 1, 238 | backgroundColor: '#d5d8e8', 239 | }, 240 | thumb: { 241 | width: 20, 242 | height: 30, 243 | borderRadius: 1, 244 | backgroundColor: '#838486', 245 | } 246 | }); 247 | 248 | var customStyles6 = StyleSheet.create({ 249 | track: { 250 | height: 14, 251 | borderRadius: 2, 252 | backgroundColor: 'white', 253 | borderColor: '#9a9a9a', 254 | borderWidth: 1, 255 | }, 256 | thumb: { 257 | width: 20, 258 | height: 20, 259 | borderRadius: 2, 260 | backgroundColor: '#eaeaea', 261 | borderColor: '#9a9a9a', 262 | borderWidth: 1, 263 | } 264 | }); 265 | 266 | var customStyles7 = StyleSheet.create({ 267 | track: { 268 | height: 1, 269 | backgroundColor: '#303030', 270 | }, 271 | thumb: { 272 | width: 30, 273 | height: 30, 274 | backgroundColor: 'rgba(150, 150, 150, 0.3)', 275 | borderColor: 'rgba(150, 150, 150, 0.6)', 276 | borderWidth: 14, 277 | borderRadius: 15, 278 | } 279 | }); 280 | 281 | var customStyles8 = StyleSheet.create({ 282 | container: { 283 | height: 20, 284 | }, 285 | track: { 286 | height: 2, 287 | backgroundColor: '#303030', 288 | }, 289 | thumb: { 290 | width: 10, 291 | height: 10, 292 | backgroundColor: '#31a4db', 293 | borderRadius: 10 / 2, 294 | shadowColor: '#31a4db', 295 | shadowOffset: {width: 0, height: 0}, 296 | shadowRadius: 2, 297 | shadowOpacity: 1, 298 | } 299 | }); 300 | 301 | AppRegistry.registerComponent('SliderExample', () => SliderExample); 302 | -------------------------------------------------------------------------------- /Slider.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react-native'); 4 | var { 5 | PropTypes, 6 | StyleSheet, 7 | PanResponder, 8 | View 9 | } = React; 10 | 11 | var TRACK_SIZE = 4; 12 | var THUMB_SIZE = 20; 13 | 14 | function Rect(x, y, width, height) { 15 | this.x = x; 16 | this.y = y; 17 | this.width = width; 18 | this.height = height; 19 | } 20 | 21 | Rect.prototype.containsPoint = function(x, y) { 22 | return (x >= this.x 23 | && y >= this.y 24 | && x <= this.x + this.width 25 | && y <= this.y + this.height); 26 | }; 27 | 28 | var Slider = React.createClass({ 29 | propTypes: { 30 | /** 31 | * Initial value of the slider. The value should be between minimumValue 32 | * and maximumValue, which default to 0 and 1 respectively. 33 | * Default value is 0. 34 | * 35 | * *This is not a controlled component*, e.g. if you don't update 36 | * the value, the component won't be reset to its inital value. 37 | */ 38 | value: PropTypes.number, 39 | 40 | /** 41 | * Initial minimum value of the slider. Default value is 0. 42 | */ 43 | minimumValue: PropTypes.number, 44 | 45 | /** 46 | * Initial maximum value of the slider. Default value is 1. 47 | */ 48 | maximumValue: PropTypes.number, 49 | 50 | /** 51 | * The color used for the track to the left of the button. Overrides the 52 | * default blue gradient image. 53 | */ 54 | minimumTrackTintColor: PropTypes.string, 55 | 56 | /** 57 | * The color used for the track to the right of the button. Overrides the 58 | * default blue gradient image. 59 | */ 60 | maximumTrackTintColor: PropTypes.string, 61 | 62 | /** 63 | * The color used for the thumb. 64 | */ 65 | thumbTintColor: PropTypes.string, 66 | 67 | /** 68 | * The size of the touch area that allows moving the thumb. 69 | * The touch area has the same center has the visible thumb. 70 | * This allows to have a visually small thumb while still allowing the user 71 | * to move it easily. 72 | * The default is {width: 40, height: 40}. 73 | */ 74 | thumbTouchSize: PropTypes.shape( 75 | {width: PropTypes.number, height: PropTypes.number} 76 | ), 77 | 78 | /** 79 | * Callback continuously called while the user is dragging the slider. 80 | */ 81 | onValueChange: PropTypes.func, 82 | 83 | /** 84 | * Callback called when the user starts changing the value (e.g. when 85 | * the slider is pressed). 86 | */ 87 | onSlidingStart: PropTypes.func, 88 | 89 | /** 90 | * Callback called when the user finishes changing the value (e.g. when 91 | * the slider is released). 92 | */ 93 | onSlidingComplete: PropTypes.func, 94 | 95 | /** 96 | * The style applied to the slider container. 97 | */ 98 | style: View.propTypes.style, 99 | 100 | /** 101 | * The style applied to the track. 102 | */ 103 | trackStyle: View.propTypes.style, 104 | 105 | /** 106 | * The style applied to the thumb. 107 | */ 108 | thumbStyle: View.propTypes.style, 109 | 110 | /** 111 | * Set this to true to visually see the thumb touch rect in green. 112 | */ 113 | debugTouchArea: PropTypes.bool, 114 | }, 115 | getInitialState() { 116 | return { 117 | containerSize: {}, 118 | trackSize: {}, 119 | thumbSize: {}, 120 | previousLeft: 0, 121 | value: this.props.value, 122 | }; 123 | }, 124 | getDefaultProps() { 125 | return { 126 | value: 0, 127 | minimumValue: 0, 128 | maximumValue: 1, 129 | minimumTrackTintColor: '#3f3f3f', 130 | maximumTrackTintColor: '#b3b3b3', 131 | thumbTintColor: '#343434', 132 | thumbTouchSize: {width: 40, height: 40}, 133 | debugTouchArea: false, 134 | }; 135 | }, 136 | componentWillMount() { 137 | this._panResponder = PanResponder.create({ 138 | onStartShouldSetPanResponder: this._handleStartShouldSetPanResponder, 139 | onMoveShouldSetPanResponder: this._handleMoveShouldSetPanResponder, 140 | onPanResponderGrant: this._handlePanResponderGrant, 141 | onPanResponderMove: this._handlePanResponderMove, 142 | onPanResponderRelease: this._handlePanResponderEnd, 143 | onPanResponderTerminate: this._handlePanResponderEnd, 144 | }); 145 | }, 146 | componentWillReceiveProps: function(nextProps) { 147 | this.setState({value: nextProps.value}); 148 | }, 149 | render() { 150 | var { 151 | minimumTrackTintColor, 152 | maximumTrackTintColor, 153 | thumbTintColor, 154 | styles, 155 | style, 156 | trackStyle, 157 | thumbStyle, 158 | debugTouchArea, 159 | ...other 160 | } = this.props; 161 | var {value, containerSize, trackSize, thumbSize} = this.state; 162 | var mainStyles = styles || defaultStyles; 163 | var thumbLeft = this._getThumbLeft(value); 164 | var valueVisibleStyle = {}; 165 | if (containerSize.width === undefined 166 | || trackSize.width === undefined 167 | || thumbSize.width === undefined) { 168 | valueVisibleStyle.opacity = 0; 169 | } 170 | 171 | var minimumTrackStyle = { 172 | position: 'absolute', 173 | width: 300, // needed to workaround a bug for borderRadius 174 | marginTop: -trackSize.height, 175 | backgroundColor: minimumTrackTintColor, 176 | ...valueVisibleStyle 177 | }; 178 | 179 | if (thumbLeft >= 0 && thumbSize.width >= 0) { 180 | minimumTrackStyle.width = thumbLeft + thumbSize.width / 2; 181 | } 182 | 183 | var touchOverflowStyle = this._getTouchOverflowStyle(); 184 | 185 | return ( 186 | 187 | 190 | 191 | this.thumb = thumb} 193 | onLayout={this._measureThumb} 194 | style={[ 195 | {backgroundColor: thumbTintColor, marginTop: -(trackSize.height + thumbSize.height) / 2}, 196 | mainStyles.thumb, thumbStyle, {left: thumbLeft, ...valueVisibleStyle} 197 | ]} 198 | /> 199 | 202 | {debugTouchArea === true && this._renderDebugThumbTouchRect()} 203 | 204 | 205 | ); 206 | }, 207 | 208 | _handleStartShouldSetPanResponder: function(e: Object, /*gestureState: Object*/): boolean { 209 | // Should we become active when the user presses down on the thumb? 210 | return this._thumbHitTest(e); 211 | }, 212 | 213 | _handleMoveShouldSetPanResponder: function(/*e: Object, gestureState: Object*/): boolean { 214 | // Should we become active when the user moves a touch over the thumb? 215 | return false; 216 | }, 217 | 218 | _handlePanResponderGrant: function(/*e: Object, gestureState: Object*/) { 219 | this.setState({ previousLeft: this._getThumbLeft(this.state.value) }, 220 | this._fireChangeEvent.bind(this, 'onSlidingStart')); 221 | }, 222 | _handlePanResponderMove: function(e: Object, gestureState: Object) { 223 | this.setState({ value: this._getValue(gestureState) }, 224 | this._fireChangeEvent.bind(this, 'onValueChange')); 225 | }, 226 | _handlePanResponderEnd: function(e: Object, gestureState: Object) { 227 | this.setState({ value: this._getValue(gestureState) }, 228 | this._fireChangeEvent.bind(this, 'onSlidingComplete')); 229 | }, 230 | 231 | _measureContainer(x: Object) { 232 | var {width, height} = x.nativeEvent.layout; 233 | var containerSize = {width: width, height: height}; 234 | this.setState({ containerSize: containerSize }); 235 | }, 236 | 237 | _measureTrack(x: Object) { 238 | var {width, height} = x.nativeEvent.layout; 239 | var trackSize = {width: width, height: height}; 240 | this.setState({ trackSize: trackSize }); 241 | }, 242 | 243 | _measureThumb(x: Object) { 244 | var {width, height} = x.nativeEvent.layout; 245 | var thumbSize = {width: width, height: height}; 246 | this.setState({ thumbSize: thumbSize }); 247 | }, 248 | 249 | _getRatio(value: number) { 250 | return (value - this.props.minimumValue) / (this.props.maximumValue - this.props.minimumValue); 251 | }, 252 | 253 | _getThumbLeft(value: number) { 254 | var ratio = this._getRatio(value); 255 | return ratio * (this.state.containerSize.width - this.state.thumbSize.width); 256 | }, 257 | 258 | _getValue(gestureState: Object) { 259 | var length = this.state.containerSize.width - this.state.thumbSize.width; 260 | var thumbLeft = Math.min(length, 261 | Math.max(0, this.state.previousLeft + gestureState.dx)); 262 | 263 | var ratio = thumbLeft / length; 264 | return ratio * (this.props.maximumValue - this.props.minimumValue) + this.props.minimumValue; 265 | }, 266 | 267 | _fireChangeEvent(event) { 268 | if (this.props[event]) { 269 | this.props[event](this.state.value); 270 | } 271 | }, 272 | 273 | _getTouchOverflowSize() { 274 | var state = this.state; 275 | var props = this.props; 276 | 277 | var size = {}; 278 | if (state.containerSize.width !== undefined 279 | && state.thumbSize.width !== undefined) { 280 | 281 | size.width = Math.max(0, props.thumbTouchSize.width - state.thumbSize.width); 282 | size.height = Math.max(0, props.thumbTouchSize.height - state.containerSize.height); 283 | } 284 | 285 | return size; 286 | }, 287 | 288 | _getTouchOverflowStyle() { 289 | var {width, height} = this._getTouchOverflowSize(); 290 | 291 | var touchOverflowStyle = {}; 292 | if (width !== undefined && height !== undefined) { 293 | var verticalMargin = -height / 2; 294 | touchOverflowStyle.marginTop = verticalMargin; 295 | touchOverflowStyle.marginBottom = verticalMargin; 296 | 297 | var horizontalMargin = -width / 2; 298 | touchOverflowStyle.marginLeft = horizontalMargin; 299 | touchOverflowStyle.marginRight = horizontalMargin; 300 | } 301 | 302 | if (this.props.debugTouchArea === true) { 303 | touchOverflowStyle.backgroundColor = 'orange'; 304 | touchOverflowStyle.opacity = 0.5; 305 | } 306 | 307 | return touchOverflowStyle; 308 | }, 309 | 310 | _thumbHitTest(e: Object) { 311 | var nativeEvent = e.nativeEvent; 312 | var thumbTouchRect = this._getThumbTouchRect(); 313 | return thumbTouchRect.containsPoint(nativeEvent.locationX, nativeEvent.locationY); 314 | }, 315 | 316 | _getThumbTouchRect() { 317 | var state = this.state; 318 | var props = this.props; 319 | var touchOverflowSize = this._getTouchOverflowSize(); 320 | 321 | return new Rect( 322 | touchOverflowSize.width / 2 + this._getThumbLeft(state.value) + (state.thumbSize.width - props.thumbTouchSize.width) / 2, 323 | touchOverflowSize.height / 2 + (state.containerSize.height - props.thumbTouchSize.height) / 2, 324 | props.thumbTouchSize.width, 325 | props.thumbTouchSize.height 326 | ); 327 | }, 328 | 329 | _renderDebugThumbTouchRect() { 330 | var thumbTouchRect = this._getThumbTouchRect(); 331 | var positionStyle = { 332 | left: thumbTouchRect.x, 333 | top: thumbTouchRect.y, 334 | width: thumbTouchRect.width, 335 | height: thumbTouchRect.height, 336 | }; 337 | 338 | return ( 339 | 343 | ); 344 | } 345 | }); 346 | 347 | 348 | var defaultStyles = StyleSheet.create({ 349 | container: { 350 | height: 40, 351 | justifyContent: 'center', 352 | }, 353 | track: { 354 | height: TRACK_SIZE, 355 | borderRadius: TRACK_SIZE / 2, 356 | }, 357 | thumb: { 358 | position: 'absolute', 359 | width: THUMB_SIZE, 360 | height: THUMB_SIZE, 361 | borderRadius: THUMB_SIZE / 2, 362 | }, 363 | touchArea: { 364 | position: 'absolute', 365 | backgroundColor: 'transparent', 366 | top: 0, 367 | left: 0, 368 | right: 0, 369 | bottom: 0, 370 | }, 371 | debugThumbTouchArea: { 372 | position: 'absolute', 373 | backgroundColor: 'green', 374 | opacity: 0.5, 375 | } 376 | }); 377 | 378 | module.exports = Slider; 379 | -------------------------------------------------------------------------------- /Example/SliderExample.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 | 00C302E61ABCBA2D00DB3ED1 /* libRCTAdSupport.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302B41ABCB8E700DB3ED1 /* libRCTAdSupport.a */; }; 13 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 14 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 15 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 16 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 17 | 00E356F31AD99517003FC87E /* SliderExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* SliderExampleTests.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 | 00C302B31ABCB8E700DB3ED1 /* PBXContainerItemProxy */ = { 38 | isa = PBXContainerItemProxy; 39 | containerPortal = 00C302AF1ABCB8E700DB3ED1 /* RCTAdSupport.xcodeproj */; 40 | proxyType = 2; 41 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 42 | remoteInfo = RCTAdSupport; 43 | }; 44 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 45 | isa = PBXContainerItemProxy; 46 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 47 | proxyType = 2; 48 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 49 | remoteInfo = RCTGeolocation; 50 | }; 51 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 52 | isa = PBXContainerItemProxy; 53 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 54 | proxyType = 2; 55 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 56 | remoteInfo = RCTImage; 57 | }; 58 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 59 | isa = PBXContainerItemProxy; 60 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 61 | proxyType = 2; 62 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 63 | remoteInfo = RCTNetwork; 64 | }; 65 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 66 | isa = PBXContainerItemProxy; 67 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 68 | proxyType = 2; 69 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 70 | remoteInfo = RCTVibration; 71 | }; 72 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 73 | isa = PBXContainerItemProxy; 74 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 75 | proxyType = 1; 76 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 77 | remoteInfo = SliderExample; 78 | }; 79 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 80 | isa = PBXContainerItemProxy; 81 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 82 | proxyType = 2; 83 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 84 | remoteInfo = RCTSettings; 85 | }; 86 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 87 | isa = PBXContainerItemProxy; 88 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 89 | proxyType = 2; 90 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 91 | remoteInfo = RCTWebSocket; 92 | }; 93 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 94 | isa = PBXContainerItemProxy; 95 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 96 | proxyType = 2; 97 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 98 | remoteInfo = React; 99 | }; 100 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 101 | isa = PBXContainerItemProxy; 102 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 103 | proxyType = 2; 104 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 105 | remoteInfo = RCTLinking; 106 | }; 107 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 108 | isa = PBXContainerItemProxy; 109 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 110 | proxyType = 2; 111 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 112 | remoteInfo = RCTText; 113 | }; 114 | /* End PBXContainerItemProxy section */ 115 | 116 | /* Begin PBXFileReference section */ 117 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = main.jsbundle; path = iOS/main.jsbundle; sourceTree = ""; }; 118 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 119 | 00C302AF1ABCB8E700DB3ED1 /* RCTAdSupport.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAdSupport.xcodeproj; path = "node_modules/react-native/Libraries/AdSupport/RCTAdSupport.xcodeproj"; sourceTree = ""; }; 120 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 121 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 122 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 123 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 124 | 00E356EE1AD99517003FC87E /* SliderExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = SliderExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 125 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 126 | 00E356F21AD99517003FC87E /* SliderExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SliderExampleTests.m; sourceTree = ""; }; 127 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 128 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 129 | 13B07F961A680F5B00A75B9A /* SliderExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SliderExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 130 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = iOS/AppDelegate.h; sourceTree = ""; }; 131 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = iOS/AppDelegate.m; sourceTree = ""; }; 132 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 133 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = iOS/Images.xcassets; sourceTree = ""; }; 134 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = iOS/Info.plist; sourceTree = ""; }; 135 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = iOS/main.m; sourceTree = ""; }; 136 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 137 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 138 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 139 | /* End PBXFileReference section */ 140 | 141 | /* Begin PBXFrameworksBuildPhase section */ 142 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 143 | isa = PBXFrameworksBuildPhase; 144 | buildActionMask = 2147483647; 145 | files = ( 146 | ); 147 | runOnlyForDeploymentPostprocessing = 0; 148 | }; 149 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 150 | isa = PBXFrameworksBuildPhase; 151 | buildActionMask = 2147483647; 152 | files = ( 153 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 154 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 155 | 00C302E61ABCBA2D00DB3ED1 /* libRCTAdSupport.a in Frameworks */, 156 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 157 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 158 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 159 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 160 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 161 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 162 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 163 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 164 | ); 165 | runOnlyForDeploymentPostprocessing = 0; 166 | }; 167 | /* End PBXFrameworksBuildPhase section */ 168 | 169 | /* Begin PBXGroup section */ 170 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 171 | isa = PBXGroup; 172 | children = ( 173 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 174 | ); 175 | name = Products; 176 | sourceTree = ""; 177 | }; 178 | 00C302B01ABCB8E700DB3ED1 /* Products */ = { 179 | isa = PBXGroup; 180 | children = ( 181 | 00C302B41ABCB8E700DB3ED1 /* libRCTAdSupport.a */, 182 | ); 183 | name = Products; 184 | sourceTree = ""; 185 | }; 186 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 187 | isa = PBXGroup; 188 | children = ( 189 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 190 | ); 191 | name = Products; 192 | sourceTree = ""; 193 | }; 194 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 195 | isa = PBXGroup; 196 | children = ( 197 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 198 | ); 199 | name = Products; 200 | sourceTree = ""; 201 | }; 202 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 203 | isa = PBXGroup; 204 | children = ( 205 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 206 | ); 207 | name = Products; 208 | sourceTree = ""; 209 | }; 210 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 211 | isa = PBXGroup; 212 | children = ( 213 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 214 | ); 215 | name = Products; 216 | sourceTree = ""; 217 | }; 218 | 00E356EF1AD99517003FC87E /* SliderExampleTests */ = { 219 | isa = PBXGroup; 220 | children = ( 221 | 00E356F21AD99517003FC87E /* SliderExampleTests.m */, 222 | 00E356F01AD99517003FC87E /* Supporting Files */, 223 | ); 224 | name = SliderExampleTests; 225 | path = SliderExampleTests; 226 | sourceTree = ""; 227 | }; 228 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 229 | isa = PBXGroup; 230 | children = ( 231 | 00E356F11AD99517003FC87E /* Info.plist */, 232 | ); 233 | name = "Supporting Files"; 234 | sourceTree = ""; 235 | }; 236 | 139105B71AF99BAD00B5F7CC /* Products */ = { 237 | isa = PBXGroup; 238 | children = ( 239 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 240 | ); 241 | name = Products; 242 | sourceTree = ""; 243 | }; 244 | 139FDEE71B06529A00C62182 /* Products */ = { 245 | isa = PBXGroup; 246 | children = ( 247 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 248 | ); 249 | name = Products; 250 | sourceTree = ""; 251 | }; 252 | 13B07FAE1A68108700A75B9A /* SliderExample */ = { 253 | isa = PBXGroup; 254 | children = ( 255 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 256 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 257 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 258 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 259 | 13B07FB61A68108700A75B9A /* Info.plist */, 260 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 261 | 13B07FB71A68108700A75B9A /* main.m */, 262 | ); 263 | name = SliderExample; 264 | sourceTree = ""; 265 | }; 266 | 146834001AC3E56700842450 /* Products */ = { 267 | isa = PBXGroup; 268 | children = ( 269 | 146834041AC3E56700842450 /* libReact.a */, 270 | ); 271 | name = Products; 272 | sourceTree = ""; 273 | }; 274 | 78C398B11ACF4ADC00677621 /* Products */ = { 275 | isa = PBXGroup; 276 | children = ( 277 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 278 | ); 279 | name = Products; 280 | sourceTree = ""; 281 | }; 282 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 283 | isa = PBXGroup; 284 | children = ( 285 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 286 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 287 | 00C302AF1ABCB8E700DB3ED1 /* RCTAdSupport.xcodeproj */, 288 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 289 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 290 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 291 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 292 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 293 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 294 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 295 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 296 | ); 297 | name = Libraries; 298 | path = ..; 299 | sourceTree = ""; 300 | }; 301 | 832341B11AAA6A8300B99B32 /* Products */ = { 302 | isa = PBXGroup; 303 | children = ( 304 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 305 | ); 306 | name = Products; 307 | sourceTree = ""; 308 | }; 309 | 83CBB9F61A601CBA00E9B192 = { 310 | isa = PBXGroup; 311 | children = ( 312 | 13B07FAE1A68108700A75B9A /* SliderExample */, 313 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 314 | 00E356EF1AD99517003FC87E /* SliderExampleTests */, 315 | 83CBBA001A601CBA00E9B192 /* Products */, 316 | ); 317 | indentWidth = 2; 318 | sourceTree = ""; 319 | tabWidth = 2; 320 | }; 321 | 83CBBA001A601CBA00E9B192 /* Products */ = { 322 | isa = PBXGroup; 323 | children = ( 324 | 13B07F961A680F5B00A75B9A /* SliderExample.app */, 325 | 00E356EE1AD99517003FC87E /* SliderExampleTests.xctest */, 326 | ); 327 | name = Products; 328 | sourceTree = ""; 329 | }; 330 | /* End PBXGroup section */ 331 | 332 | /* Begin PBXNativeTarget section */ 333 | 00E356ED1AD99517003FC87E /* SliderExampleTests */ = { 334 | isa = PBXNativeTarget; 335 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SliderExampleTests" */; 336 | buildPhases = ( 337 | 00E356EA1AD99517003FC87E /* Sources */, 338 | 00E356EB1AD99517003FC87E /* Frameworks */, 339 | 00E356EC1AD99517003FC87E /* Resources */, 340 | ); 341 | buildRules = ( 342 | ); 343 | dependencies = ( 344 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 345 | ); 346 | name = SliderExampleTests; 347 | productName = SliderExampleTests; 348 | productReference = 00E356EE1AD99517003FC87E /* SliderExampleTests.xctest */; 349 | productType = "com.apple.product-type.bundle.unit-test"; 350 | }; 351 | 13B07F861A680F5B00A75B9A /* SliderExample */ = { 352 | isa = PBXNativeTarget; 353 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "SliderExample" */; 354 | buildPhases = ( 355 | 13B07F871A680F5B00A75B9A /* Sources */, 356 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 357 | 13B07F8E1A680F5B00A75B9A /* Resources */, 358 | ); 359 | buildRules = ( 360 | ); 361 | dependencies = ( 362 | ); 363 | name = SliderExample; 364 | productName = "Hello World"; 365 | productReference = 13B07F961A680F5B00A75B9A /* SliderExample.app */; 366 | productType = "com.apple.product-type.application"; 367 | }; 368 | /* End PBXNativeTarget section */ 369 | 370 | /* Begin PBXProject section */ 371 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 372 | isa = PBXProject; 373 | attributes = { 374 | LastUpgradeCheck = 0610; 375 | ORGANIZATIONNAME = Facebook; 376 | TargetAttributes = { 377 | 00E356ED1AD99517003FC87E = { 378 | CreatedOnToolsVersion = 6.2; 379 | TestTargetID = 13B07F861A680F5B00A75B9A; 380 | }; 381 | }; 382 | }; 383 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "SliderExample" */; 384 | compatibilityVersion = "Xcode 3.2"; 385 | developmentRegion = English; 386 | hasScannedForEncodings = 0; 387 | knownRegions = ( 388 | en, 389 | Base, 390 | ); 391 | mainGroup = 83CBB9F61A601CBA00E9B192; 392 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 393 | projectDirPath = ""; 394 | projectReferences = ( 395 | { 396 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 397 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 398 | }, 399 | { 400 | ProductGroup = 00C302B01ABCB8E700DB3ED1 /* Products */; 401 | ProjectRef = 00C302AF1ABCB8E700DB3ED1 /* RCTAdSupport.xcodeproj */; 402 | }, 403 | { 404 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 405 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 406 | }, 407 | { 408 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 409 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 410 | }, 411 | { 412 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 413 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 414 | }, 415 | { 416 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 417 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 418 | }, 419 | { 420 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 421 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 422 | }, 423 | { 424 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 425 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 426 | }, 427 | { 428 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 429 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 430 | }, 431 | { 432 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 433 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 434 | }, 435 | { 436 | ProductGroup = 146834001AC3E56700842450 /* Products */; 437 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 438 | }, 439 | ); 440 | projectRoot = ""; 441 | targets = ( 442 | 13B07F861A680F5B00A75B9A /* SliderExample */, 443 | 00E356ED1AD99517003FC87E /* SliderExampleTests */, 444 | ); 445 | }; 446 | /* End PBXProject section */ 447 | 448 | /* Begin PBXReferenceProxy section */ 449 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 450 | isa = PBXReferenceProxy; 451 | fileType = archive.ar; 452 | path = libRCTActionSheet.a; 453 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 454 | sourceTree = BUILT_PRODUCTS_DIR; 455 | }; 456 | 00C302B41ABCB8E700DB3ED1 /* libRCTAdSupport.a */ = { 457 | isa = PBXReferenceProxy; 458 | fileType = archive.ar; 459 | path = libRCTAdSupport.a; 460 | remoteRef = 00C302B31ABCB8E700DB3ED1 /* PBXContainerItemProxy */; 461 | sourceTree = BUILT_PRODUCTS_DIR; 462 | }; 463 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 464 | isa = PBXReferenceProxy; 465 | fileType = archive.ar; 466 | path = libRCTGeolocation.a; 467 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 468 | sourceTree = BUILT_PRODUCTS_DIR; 469 | }; 470 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 471 | isa = PBXReferenceProxy; 472 | fileType = archive.ar; 473 | path = libRCTImage.a; 474 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 475 | sourceTree = BUILT_PRODUCTS_DIR; 476 | }; 477 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 478 | isa = PBXReferenceProxy; 479 | fileType = archive.ar; 480 | path = libRCTNetwork.a; 481 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 482 | sourceTree = BUILT_PRODUCTS_DIR; 483 | }; 484 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 485 | isa = PBXReferenceProxy; 486 | fileType = archive.ar; 487 | path = libRCTVibration.a; 488 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 489 | sourceTree = BUILT_PRODUCTS_DIR; 490 | }; 491 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 492 | isa = PBXReferenceProxy; 493 | fileType = archive.ar; 494 | path = libRCTSettings.a; 495 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 496 | sourceTree = BUILT_PRODUCTS_DIR; 497 | }; 498 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 499 | isa = PBXReferenceProxy; 500 | fileType = archive.ar; 501 | path = libRCTWebSocket.a; 502 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 503 | sourceTree = BUILT_PRODUCTS_DIR; 504 | }; 505 | 146834041AC3E56700842450 /* libReact.a */ = { 506 | isa = PBXReferenceProxy; 507 | fileType = archive.ar; 508 | path = libReact.a; 509 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 510 | sourceTree = BUILT_PRODUCTS_DIR; 511 | }; 512 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 513 | isa = PBXReferenceProxy; 514 | fileType = archive.ar; 515 | path = libRCTLinking.a; 516 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 517 | sourceTree = BUILT_PRODUCTS_DIR; 518 | }; 519 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 520 | isa = PBXReferenceProxy; 521 | fileType = archive.ar; 522 | path = libRCTText.a; 523 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 524 | sourceTree = BUILT_PRODUCTS_DIR; 525 | }; 526 | /* End PBXReferenceProxy section */ 527 | 528 | /* Begin PBXResourcesBuildPhase section */ 529 | 00E356EC1AD99517003FC87E /* Resources */ = { 530 | isa = PBXResourcesBuildPhase; 531 | buildActionMask = 2147483647; 532 | files = ( 533 | ); 534 | runOnlyForDeploymentPostprocessing = 0; 535 | }; 536 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 537 | isa = PBXResourcesBuildPhase; 538 | buildActionMask = 2147483647; 539 | files = ( 540 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */, 541 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 542 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 543 | ); 544 | runOnlyForDeploymentPostprocessing = 0; 545 | }; 546 | /* End PBXResourcesBuildPhase section */ 547 | 548 | /* Begin PBXSourcesBuildPhase section */ 549 | 00E356EA1AD99517003FC87E /* Sources */ = { 550 | isa = PBXSourcesBuildPhase; 551 | buildActionMask = 2147483647; 552 | files = ( 553 | 00E356F31AD99517003FC87E /* SliderExampleTests.m in Sources */, 554 | ); 555 | runOnlyForDeploymentPostprocessing = 0; 556 | }; 557 | 13B07F871A680F5B00A75B9A /* Sources */ = { 558 | isa = PBXSourcesBuildPhase; 559 | buildActionMask = 2147483647; 560 | files = ( 561 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 562 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 563 | ); 564 | runOnlyForDeploymentPostprocessing = 0; 565 | }; 566 | /* End PBXSourcesBuildPhase section */ 567 | 568 | /* Begin PBXTargetDependency section */ 569 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 570 | isa = PBXTargetDependency; 571 | target = 13B07F861A680F5B00A75B9A /* SliderExample */; 572 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 573 | }; 574 | /* End PBXTargetDependency section */ 575 | 576 | /* Begin PBXVariantGroup section */ 577 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 578 | isa = PBXVariantGroup; 579 | children = ( 580 | 13B07FB21A68108700A75B9A /* Base */, 581 | ); 582 | name = LaunchScreen.xib; 583 | path = iOS; 584 | sourceTree = ""; 585 | }; 586 | /* End PBXVariantGroup section */ 587 | 588 | /* Begin XCBuildConfiguration section */ 589 | 00E356F61AD99517003FC87E /* Debug */ = { 590 | isa = XCBuildConfiguration; 591 | buildSettings = { 592 | BUNDLE_LOADER = "$(TEST_HOST)"; 593 | FRAMEWORK_SEARCH_PATHS = ( 594 | "$(SDKROOT)/Developer/Library/Frameworks", 595 | "$(inherited)", 596 | ); 597 | GCC_PREPROCESSOR_DEFINITIONS = ( 598 | "DEBUG=1", 599 | "$(inherited)", 600 | ); 601 | INFOPLIST_FILE = SliderExampleTests/Info.plist; 602 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 603 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 604 | PRODUCT_NAME = SliderExampleTests; 605 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/SliderExample.app/SliderExample"; 606 | }; 607 | name = Debug; 608 | }; 609 | 00E356F71AD99517003FC87E /* Release */ = { 610 | isa = XCBuildConfiguration; 611 | buildSettings = { 612 | BUNDLE_LOADER = "$(TEST_HOST)"; 613 | COPY_PHASE_STRIP = NO; 614 | FRAMEWORK_SEARCH_PATHS = ( 615 | "$(SDKROOT)/Developer/Library/Frameworks", 616 | "$(inherited)", 617 | ); 618 | INFOPLIST_FILE = SliderExampleTests/Info.plist; 619 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 620 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 621 | PRODUCT_NAME = SliderExampleTests; 622 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/SliderExample.app/SliderExample"; 623 | }; 624 | name = Release; 625 | }; 626 | 13B07F941A680F5B00A75B9A /* Debug */ = { 627 | isa = XCBuildConfiguration; 628 | buildSettings = { 629 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 630 | INFOPLIST_FILE = "$(SRCROOT)/iOS/Info.plist"; 631 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 632 | OTHER_LDFLAGS = "-ObjC"; 633 | PRODUCT_NAME = SliderExample; 634 | }; 635 | name = Debug; 636 | }; 637 | 13B07F951A680F5B00A75B9A /* Release */ = { 638 | isa = XCBuildConfiguration; 639 | buildSettings = { 640 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 641 | INFOPLIST_FILE = "$(SRCROOT)/iOS/Info.plist"; 642 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 643 | OTHER_LDFLAGS = "-ObjC"; 644 | PRODUCT_NAME = SliderExample; 645 | }; 646 | name = Release; 647 | }; 648 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 649 | isa = XCBuildConfiguration; 650 | buildSettings = { 651 | ALWAYS_SEARCH_USER_PATHS = NO; 652 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 653 | CLANG_CXX_LIBRARY = "libc++"; 654 | CLANG_ENABLE_MODULES = YES; 655 | CLANG_ENABLE_OBJC_ARC = YES; 656 | CLANG_WARN_BOOL_CONVERSION = YES; 657 | CLANG_WARN_CONSTANT_CONVERSION = YES; 658 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 659 | CLANG_WARN_EMPTY_BODY = YES; 660 | CLANG_WARN_ENUM_CONVERSION = YES; 661 | CLANG_WARN_INT_CONVERSION = YES; 662 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 663 | CLANG_WARN_UNREACHABLE_CODE = YES; 664 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 665 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 666 | COPY_PHASE_STRIP = NO; 667 | ENABLE_STRICT_OBJC_MSGSEND = YES; 668 | GCC_C_LANGUAGE_STANDARD = gnu99; 669 | GCC_DYNAMIC_NO_PIC = NO; 670 | GCC_OPTIMIZATION_LEVEL = 0; 671 | GCC_PREPROCESSOR_DEFINITIONS = ( 672 | "DEBUG=1", 673 | "$(inherited)", 674 | ); 675 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 676 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 677 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 678 | GCC_WARN_UNDECLARED_SELECTOR = YES; 679 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 680 | GCC_WARN_UNUSED_FUNCTION = YES; 681 | GCC_WARN_UNUSED_VARIABLE = YES; 682 | HEADER_SEARCH_PATHS = ( 683 | "$(inherited)", 684 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 685 | "$(SRCROOT)/../node_modules/react-native/React/**", 686 | ); 687 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 688 | MTL_ENABLE_DEBUG_INFO = YES; 689 | ONLY_ACTIVE_ARCH = YES; 690 | SDKROOT = iphoneos; 691 | }; 692 | name = Debug; 693 | }; 694 | 83CBBA211A601CBA00E9B192 /* Release */ = { 695 | isa = XCBuildConfiguration; 696 | buildSettings = { 697 | ALWAYS_SEARCH_USER_PATHS = NO; 698 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 699 | CLANG_CXX_LIBRARY = "libc++"; 700 | CLANG_ENABLE_MODULES = YES; 701 | CLANG_ENABLE_OBJC_ARC = YES; 702 | CLANG_WARN_BOOL_CONVERSION = YES; 703 | CLANG_WARN_CONSTANT_CONVERSION = YES; 704 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 705 | CLANG_WARN_EMPTY_BODY = YES; 706 | CLANG_WARN_ENUM_CONVERSION = YES; 707 | CLANG_WARN_INT_CONVERSION = YES; 708 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 709 | CLANG_WARN_UNREACHABLE_CODE = YES; 710 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 711 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 712 | COPY_PHASE_STRIP = YES; 713 | ENABLE_NS_ASSERTIONS = NO; 714 | ENABLE_STRICT_OBJC_MSGSEND = YES; 715 | GCC_C_LANGUAGE_STANDARD = gnu99; 716 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 717 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 718 | GCC_WARN_UNDECLARED_SELECTOR = YES; 719 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 720 | GCC_WARN_UNUSED_FUNCTION = YES; 721 | GCC_WARN_UNUSED_VARIABLE = YES; 722 | HEADER_SEARCH_PATHS = ( 723 | "$(inherited)", 724 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 725 | "$(SRCROOT)/../node_modules/react-native/React/**", 726 | ); 727 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 728 | MTL_ENABLE_DEBUG_INFO = NO; 729 | SDKROOT = iphoneos; 730 | VALIDATE_PRODUCT = YES; 731 | }; 732 | name = Release; 733 | }; 734 | /* End XCBuildConfiguration section */ 735 | 736 | /* Begin XCConfigurationList section */ 737 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SliderExampleTests" */ = { 738 | isa = XCConfigurationList; 739 | buildConfigurations = ( 740 | 00E356F61AD99517003FC87E /* Debug */, 741 | 00E356F71AD99517003FC87E /* Release */, 742 | ); 743 | defaultConfigurationIsVisible = 0; 744 | defaultConfigurationName = Release; 745 | }; 746 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "SliderExample" */ = { 747 | isa = XCConfigurationList; 748 | buildConfigurations = ( 749 | 13B07F941A680F5B00A75B9A /* Debug */, 750 | 13B07F951A680F5B00A75B9A /* Release */, 751 | ); 752 | defaultConfigurationIsVisible = 0; 753 | defaultConfigurationName = Release; 754 | }; 755 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "SliderExample" */ = { 756 | isa = XCConfigurationList; 757 | buildConfigurations = ( 758 | 83CBBA201A601CBA00E9B192 /* Debug */, 759 | 83CBBA211A601CBA00E9B192 /* Release */, 760 | ); 761 | defaultConfigurationIsVisible = 0; 762 | defaultConfigurationName = Release; 763 | }; 764 | /* End XCConfigurationList section */ 765 | }; 766 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 767 | } 768 | --------------------------------------------------------------------------------