├── .gitignore ├── LICENSE ├── README.md ├── Slider.js ├── converter.js ├── customMarker.js ├── diamond.png ├── examplesInAction.gif ├── iOS ├── Slider.xcodeproj │ ├── project.pbxproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcuserdata │ │ │ └── jackrans.xcuserdatad │ │ │ └── UserInterfaceState.xcuserstate │ ├── xcshareddata │ │ └── xcschemes │ │ │ └── Slider.xcscheme │ └── xcuserdata │ │ └── jackrans.xcuserdatad │ │ └── xcschemes │ │ └── xcschememanagement.plist ├── Slider │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ ├── Contents.json │ │ ├── diamond.imageset │ │ │ ├── Contents.json │ │ │ └── diamond.png │ │ └── ruby.imageset │ │ │ ├── Contents.json │ │ │ └── ruby.png │ ├── Info.plist │ ├── main.jsbundle │ └── main.m ├── SliderTests │ ├── Info.plist │ └── SliderTests.m └── main.jsbundle ├── index.ios.js ├── mockProps.js ├── package-lock.json ├── package.json └── ruby.png /.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 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) jrans 2015-2016. 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 13 | all 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 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-multi-slider 2 | 3 | **Note:** Anyone using RN <=0.18 should use version 0.2.5 4 | 5 | [![NPM](https://nodei.co/npm-dl/react-native-multi-slider.png?months=3)](https://nodei.co/npm/react-native-multi-slider/) 6 | 7 | Pure JS react native slider component with one or two markers. 8 | Options to customise track, touch area and provide customer markers and callbacks for touch events and value changes. 9 | 10 | 11 | ## Examples 12 | 13 | Open `iOS/Slider.xcodeproj` with Xcode, then press `Cmd + R`; you may edit `index.ios.js` to try building your own custom sliders. Feel free to make a PR if you are particularly proud of your slider and want it to feature. (Shortcut `npm run open:xcode`) 14 | 15 | ### [index.ios.js](https://github.com/JackDanielsAndCode/react-native-multi-slider/blob/master/index.ios.js) 16 | 17 | ![Slider Examples](https://github.com/JackDanielsAndCode/react-native-multi-slider/blob/master/examplesInAction.gif) 18 | 19 | 20 | ## Getting Started 21 | 22 | - [Installation](#installation) 23 | - [Properties](#properties) 24 | + [Basic Setup & Values](#basic-setup--values) 25 | + [Event Callbacks](#event-callbacks) 26 | + [Slider Boundaries](#slider-boundaries) 27 | + [Custom Style](#custom-style) 28 | - [Question & Suggestions](#questions--suggestions) 29 | 30 | 31 | ### Installation 32 | 33 | ```bash 34 | $ npm i react-native-multi-slider --save 35 | ``` 36 | 37 | ### Properties 38 | 39 | #### Basic Setup & Values 40 | 41 | | Prop | Default | Type | Description | 42 | | :------------ |:---------------:| :---------------:| :-----| 43 | | values | [0] | `array` | An array containing one or two values (determines one or two markers respectively) that are the initial marker values. Note these must be possible values from your set up.| 44 | | min | 0 | `number` | Slider min value corresponding to far left | 45 | | max | 10 | `number` | Slider max value corresponding to far right | 46 | | step | 1 | `number` | The step size between values. Make sure min max range is divisible by this to get expected results | 47 | | optionsArray | - | `array` | Array of values corresponding to the slider's position (left to right on slider index 0 to end respectively). Values of any type can be inserted and the slider will simply give them back in the callbacks | 48 | 49 | #### Event Callbacks 50 | 51 | | Prop | Default | Type | Description | 52 | | :------------ |:---------------:| :---------------:| :-----| 53 | | onValuesChangeStart | console.log... | `function()` | Function to be called at beginning of press | 54 | | onValuesChange | console.log... | function(valuesArray) | Function called after every change in value, with current values passed in as an array. | 55 | | onValuesChangeFinish | console.log... |function(valuesArray) | Function called on end of press with final values passed in as an array | 56 | 57 | #### Slider Boundaries 58 | 59 | | Prop | Default | Type | Description | 60 | | :------------ |:---------------:| :---------------:| :-----| 61 | | sliderLength | 280 | `number` | Width of track | 62 | | touchDimensions | `{ height: 30, width: 30, borderRadius: 15, slipDisplacement: 30 }`, | `object` | Area to be touched, should enclose the whole marker. Will be automatically centered and contain the marker. Slip displacement If finger leaves the marker measures distance before responder cuts out and changes are no longer registered, if not given marker will be active until pressed released. | 63 | | sliderOrientation | horizontal | horizontal or vertical | TODO | 64 | 65 | #### Custom Style 66 | 67 | | Prop | Default | Type | Description | 68 | | :------------ |:---------------:| :---------------:| :-----| 69 | | containerStyle | `{height:30}` | `object` | Style of sliders container, note be careful in applying styles that may affect the children's (i.e. the slider's) positioning | 70 | | trackStyle | `{ borderRadius: 7, height: 3.5 }` | `object` | Customise the track | 71 | | selectedStyle | `{backgroundColor: 'blue'}` | `object` | Style for the track up to a single marker or between double markers | 72 | | unselectedStyle | `{backgroundColor: 'grey'}` | `object` | Style for remaining track | 73 | | markerStyle | `{ height:30, width: 30, borderRadius: 15, backgroundColor:'#E8E8E8', borderWidth: 0.5, borderColor: 'grey'}` | `object` | Customise the marker's style | 74 | | pressedMarkerStyle | `{backgroundColor:'#D3D3D3'}` | `object` | Style to be given to marker when pressed | 75 | 76 | 77 | ## Questions & Suggestions 78 | 79 | Feel free to [create an issue](https://github.com/JackDanielsAndCode/react-native-multi-slider/issues/new) x 80 | -------------------------------------------------------------------------------- /Slider.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react'); 4 | var ReactNative = require('react-native'); 5 | var PropTypes = require('prop-types'); 6 | var createReactClass = require('create-react-class'); 7 | var { 8 | StyleSheet, 9 | PanResponder, 10 | View, 11 | ViewPropTypes, 12 | TouchableHighlight 13 | } = ReactNative; 14 | 15 | var converter = require('./converter.js'); 16 | var mockProps = require('./mockProps.js'); 17 | 18 | var ViewStylePropTypes = ViewPropTypes ? ViewPropTypes.style : View.propTypes.style; 19 | 20 | 21 | var sliderProps = { 22 | values: PropTypes.arrayOf(PropTypes.number), 23 | 24 | onValuesChangeStart: PropTypes.func, 25 | onValuesChange: PropTypes.func, 26 | onValuesChangeFinish: PropTypes.func, 27 | 28 | sliderLength: PropTypes.number, 29 | sliderOrientation: PropTypes.string, 30 | touchDimensions: PropTypes.object, 31 | 32 | customMarker: PropTypes.func, 33 | 34 | min: PropTypes.number, 35 | max: PropTypes.number, 36 | step: PropTypes.number, 37 | 38 | optionsArray: PropTypes.array, 39 | 40 | containerStyle: ViewStylePropTypes, 41 | trackStyle: ViewStylePropTypes, 42 | selectedStyle: ViewStylePropTypes, 43 | unselectedStyle: ViewStylePropTypes, 44 | markerStyle: ViewStylePropTypes, 45 | pressedMarkerStyle: ViewStylePropTypes 46 | }; 47 | 48 | var Slider = createReactClass({ 49 | 50 | propTypes: sliderProps, 51 | 52 | getDefaultProps: function() { 53 | return mockProps; 54 | }, 55 | 56 | getInitialState() { 57 | this.optionsArray = this.props.optionsArray || converter.createArray(this.props.min,this.props.max,this.props.step); 58 | this.stepLength = this.props.sliderLength/this.optionsArray.length; 59 | 60 | var initialValues = this.props.values.map(value => converter.valueToPosition(value,this.optionsArray,this.props.sliderLength)); 61 | 62 | return { 63 | pressedOne: true, 64 | valueOne: this.props.values[0], 65 | valueTwo: this.props.values[1], 66 | pastOne: initialValues[0], 67 | pastTwo: initialValues[1], 68 | positionOne: initialValues[0], 69 | positionTwo: initialValues[1] 70 | }; 71 | }, 72 | 73 | componentWillMount() { 74 | var customPanResponder = function (start,move,end) { 75 | return PanResponder.create({ 76 | onStartShouldSetPanResponder: (evt, gestureState) => true, 77 | onStartShouldSetPanResponderCapture: (evt, gestureState) => true, 78 | onMoveShouldSetPanResponder: (evt, gestureState) => true, 79 | onMoveShouldSetPanResponderCapture: (evt, gestureState) => true, 80 | onPanResponderGrant: (evt, gestureState) => start(), 81 | onPanResponderMove: (evt, gestureState) => move(gestureState), 82 | onPanResponderTerminationRequest: (evt, gestureState) => false, 83 | onPanResponderRelease: (evt, gestureState) => end(gestureState), 84 | onPanResponderTerminate: (evt, gestureState) => end(gestureState), 85 | onShouldBlockNativeResponder: (evt, gestureState) => true 86 | }) 87 | }; 88 | 89 | this._panResponderOne = customPanResponder(this.startOne, this.moveOne, this.endOne); 90 | this._panResponderTwo = customPanResponder(this.startTwo, this.moveTwo, this.endTwo); 91 | 92 | }, 93 | 94 | componentWillReceiveProps(nextProps) { 95 | var { values } = this.props; 96 | if (nextProps.values.join() !== values.join()) { 97 | this.set(nextProps); 98 | } 99 | }, 100 | 101 | set(config) { 102 | var { max, min, optionsArray, step, values } = config || this.props; 103 | this.optionsArray = optionsArray || converter.createArray(min, max, step); 104 | this.stepLength = this.props.sliderLength/this.optionsArray.length; 105 | 106 | var initialValues = values.map(value => converter.valueToPosition(value,this.optionsArray,this.props.sliderLength)); 107 | 108 | this.setState({ 109 | pressedOne: true, 110 | valueOne: values[0], 111 | valueTwo: values[1], 112 | pastOne: initialValues[0], 113 | pastTwo: initialValues[1], 114 | positionOne: initialValues[0], 115 | positionTwo: initialValues[1] 116 | }); 117 | }, 118 | 119 | startOne () { 120 | this.props.onValuesChangeStart(); 121 | this.setState({ 122 | onePressed: !this.state.onePressed 123 | }); 124 | }, 125 | 126 | startTwo () { 127 | this.props.onValuesChangeStart(); 128 | this.setState({ 129 | twoPressed: !this.state.twoPressed 130 | }); 131 | }, 132 | 133 | moveOne(gestureState) { 134 | var unconfined = gestureState.dx + this.state.pastOne; 135 | var bottom = 0; 136 | var top = (this.state.positionTwo - this.stepLength) || this.props.sliderLength; 137 | var confined = unconfined < bottom ? bottom : (unconfined > top ? top : unconfined); 138 | var value = converter.positionToValue(this.state.positionOne, this.optionsArray, this.props.sliderLength); 139 | 140 | var slipDisplacement = this.props.touchDimensions.slipDisplacement; 141 | 142 | if (Math.abs(gestureState.dy) < slipDisplacement || !slipDisplacement) { 143 | this.setState({ 144 | positionOne: confined 145 | }); 146 | } 147 | if ( value !== this.state.valueOne ) { 148 | this.setState({ 149 | valueOne: value 150 | }, function () { 151 | var change = [this.state.valueOne]; 152 | if (this.state.valueTwo) { 153 | change.push(this.state.valueTwo); 154 | } 155 | this.props.onValuesChange(change); 156 | }); 157 | } 158 | }, 159 | 160 | moveTwo(gestureState) { 161 | var unconfined = gestureState.dx + this.state.pastTwo; 162 | var bottom = this.state.positionOne + this.stepLength; 163 | var top = this.props.sliderLength; 164 | var confined = unconfined < bottom ? bottom : (unconfined > top ? top : unconfined); 165 | var value = converter.positionToValue(this.state.positionTwo, this.optionsArray, this.props.sliderLength); 166 | var slipDisplacement = this.props.touchDimensions.slipDisplacement; 167 | 168 | if (Math.abs(gestureState.dy) < slipDisplacement || !slipDisplacement) { 169 | this.setState({ 170 | positionTwo: confined 171 | }); 172 | } 173 | if ( value !== this.state.valueTwo ) { 174 | this.setState({ 175 | valueTwo: value 176 | }, function () { 177 | this.props.onValuesChange([this.state.valueOne,this.state.valueTwo]); 178 | }); 179 | } 180 | }, 181 | 182 | endOne(gestureState) { 183 | this.setState({ 184 | pastOne: this.state.positionOne, 185 | onePressed: !this.state.onePressed 186 | }, function () { 187 | var change = [this.state.valueOne]; 188 | if (this.state.valueTwo) { 189 | change.push(this.state.valueTwo); 190 | } 191 | this.props.onValuesChangeFinish(change); 192 | }); 193 | }, 194 | 195 | endTwo(gestureState) { 196 | this.setState({ 197 | twoPressed: !this.state.twoPressed, 198 | pastTwo: this.state.positionTwo, 199 | }, function () { 200 | this.props.onValuesChangeFinish([this.state.valueOne,this.state.valueTwo]); 201 | }); 202 | }, 203 | 204 | render() { 205 | var {positionOne, positionTwo} = this.state; 206 | var {selectedStyle, unselectedStyle, sliderLength} = this.props; 207 | var twoMarkers = positionTwo; 208 | 209 | var fixedPositionOne = Math.floor(positionOne / this.stepLength) * this.stepLength; 210 | var fixedPositionTwo = Math.floor(positionTwo / this.stepLength) * this.stepLength; 211 | 212 | var trackOneLength = fixedPositionOne; 213 | var trackOneStyle = twoMarkers ? unselectedStyle : selectedStyle; 214 | var trackThreeLength = twoMarkers ? sliderLength - (fixedPositionTwo) : 0; 215 | var trackThreeStyle = unselectedStyle; 216 | var trackTwoLength = sliderLength - trackOneLength - trackThreeLength; 217 | var trackTwoStyle = twoMarkers ? selectedStyle : unselectedStyle; 218 | var Marker = this.props.customMarker; 219 | var {top, slipDisplacement, height, width, borderRadius} = this.props.touchDimensions; 220 | var touchStyle = { 221 | top: top || -10, 222 | height: height, 223 | width: width, 224 | borderRadius: borderRadius || 0 225 | }; 226 | 227 | return ( 228 | 229 | 230 | 231 | 232 | { twoMarkers && ( 233 | 234 | ) } 235 | 236 | 237 | this._markerOne = component} 240 | {...this._panResponderOne.panHandlers} 241 | > 242 | 248 | 249 | 250 | { twoMarkers && (positionOne !== this.props.sliderLength) && ( 251 | this._markerTwo = component} 254 | {...this._panResponderTwo.panHandlers} 255 | > 256 | 262 | 263 | ) } 264 | 265 | 266 | 267 | ); 268 | } 269 | }); 270 | 271 | module.exports = Slider; 272 | 273 | 274 | var styles = StyleSheet.create({ 275 | container: { 276 | justifyContent: 'center', 277 | }, 278 | fullTrack: { 279 | flexDirection: 'row', 280 | }, 281 | track: { 282 | justifyContent: 'center' 283 | }, 284 | touch: { 285 | justifyContent: 'center', 286 | alignItems: 'center', 287 | backgroundColor: 'transparent' 288 | } 289 | }); 290 | -------------------------------------------------------------------------------- /converter.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var converter = { 4 | valueToPosition: function (value, valuesArray, sliderLength) { 5 | var arrLength; 6 | var index = valuesArray.indexOf(value); 7 | 8 | if (index === -1) { 9 | console.log('Invalid value, array does not contain: ', value) 10 | return null; 11 | } else { 12 | arrLength = valuesArray.length - 1; 13 | return sliderLength * index / arrLength; 14 | } 15 | }, 16 | positionToValue: function (position, valuesArray, sliderLength) { 17 | var arrLength; 18 | var index; 19 | 20 | if ( position < 0 || sliderLength < position ) { 21 | console.log('invalid position: ', position); 22 | return null; 23 | } else { 24 | arrLength = valuesArray.length - 1; 25 | index = arrLength * position / sliderLength; 26 | return valuesArray[Math.round(index)]; 27 | } 28 | }, 29 | createArray: function (start, end, step) { 30 | var i; 31 | var length; 32 | var direction = start - end > 0 ? -1 : 1; 33 | var result = []; 34 | if (!step) { 35 | console.log('invalid step: ', step); 36 | return result; 37 | } else { 38 | length = Math.abs((start - end)/step) + 1; 39 | for (i=0 ; i 25 | ); 26 | } 27 | }); 28 | 29 | var styles = StyleSheet.create({ 30 | image: { 31 | height: 40, 32 | width: 40 33 | } 34 | }); 35 | 36 | module.exports = CustomMarker; 37 | -------------------------------------------------------------------------------- /diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/diamond.png -------------------------------------------------------------------------------- /examplesInAction.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/examplesInAction.gif -------------------------------------------------------------------------------- /iOS/Slider.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 /* SliderTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* SliderTests.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 = Slider; 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; path = 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 /* SliderTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = SliderTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 116 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 117 | 00E356F21AD99517003FC87E /* SliderTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = SliderTests.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 /* Slider.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Slider.app; sourceTree = BUILT_PRODUCTS_DIR; }; 121 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = ""; }; 122 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = 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; path = Images.xcassets; sourceTree = ""; }; 125 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 126 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = 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 /* SliderTests */ = { 201 | isa = PBXGroup; 202 | children = ( 203 | 00E356F21AD99517003FC87E /* SliderTests.m */, 204 | 00E356F01AD99517003FC87E /* Supporting Files */, 205 | ); 206 | path = SliderTests; 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 /* Slider */ = { 234 | isa = PBXGroup; 235 | children = ( 236 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 237 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 238 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 239 | 13B07FB61A68108700A75B9A /* Info.plist */, 240 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 241 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 242 | 13B07FB71A68108700A75B9A /* main.m */, 243 | ); 244 | path = Slider; 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 /* Slider */, 292 | 00E356EF1AD99517003FC87E /* SliderTests */, 293 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 294 | 83CBBA001A601CBA00E9B192 /* Products */, 295 | ); 296 | indentWidth = 2; 297 | sourceTree = ""; 298 | tabWidth = 2; 299 | }; 300 | 83CBBA001A601CBA00E9B192 /* Products */ = { 301 | isa = PBXGroup; 302 | children = ( 303 | 13B07F961A680F5B00A75B9A /* Slider.app */, 304 | 00E356EE1AD99517003FC87E /* SliderTests.xctest */, 305 | ); 306 | name = Products; 307 | sourceTree = ""; 308 | }; 309 | /* End PBXGroup section */ 310 | 311 | /* Begin PBXNativeTarget section */ 312 | 00E356ED1AD99517003FC87E /* SliderTests */ = { 313 | isa = PBXNativeTarget; 314 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SliderTests" */; 315 | buildPhases = ( 316 | 00E356EA1AD99517003FC87E /* Sources */, 317 | 00E356EB1AD99517003FC87E /* Frameworks */, 318 | 00E356EC1AD99517003FC87E /* Resources */, 319 | ); 320 | buildRules = ( 321 | ); 322 | dependencies = ( 323 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 324 | ); 325 | name = SliderTests; 326 | productName = SliderTests; 327 | productReference = 00E356EE1AD99517003FC87E /* SliderTests.xctest */; 328 | productType = "com.apple.product-type.bundle.unit-test"; 329 | }; 330 | 13B07F861A680F5B00A75B9A /* Slider */ = { 331 | isa = PBXNativeTarget; 332 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Slider" */; 333 | buildPhases = ( 334 | 13B07F871A680F5B00A75B9A /* Sources */, 335 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 336 | 13B07F8E1A680F5B00A75B9A /* Resources */, 337 | ); 338 | buildRules = ( 339 | ); 340 | dependencies = ( 341 | ); 342 | name = Slider; 343 | productName = "Hello World"; 344 | productReference = 13B07F961A680F5B00A75B9A /* Slider.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 | 13B07F861A680F5B00A75B9A = { 361 | DevelopmentTeam = 28S468HHB2; 362 | }; 363 | }; 364 | }; 365 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Slider" */; 366 | compatibilityVersion = "Xcode 3.2"; 367 | developmentRegion = English; 368 | hasScannedForEncodings = 0; 369 | knownRegions = ( 370 | en, 371 | Base, 372 | ); 373 | mainGroup = 83CBB9F61A601CBA00E9B192; 374 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 375 | projectDirPath = ""; 376 | projectReferences = ( 377 | { 378 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 379 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 380 | }, 381 | { 382 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 383 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 384 | }, 385 | { 386 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 387 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 388 | }, 389 | { 390 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 391 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 392 | }, 393 | { 394 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 395 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 396 | }, 397 | { 398 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 399 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 400 | }, 401 | { 402 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 403 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 404 | }, 405 | { 406 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 407 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 408 | }, 409 | { 410 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 411 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 412 | }, 413 | { 414 | ProductGroup = 146834001AC3E56700842450 /* Products */; 415 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 416 | }, 417 | ); 418 | projectRoot = ""; 419 | targets = ( 420 | 13B07F861A680F5B00A75B9A /* Slider */, 421 | 00E356ED1AD99517003FC87E /* SliderTests */, 422 | ); 423 | }; 424 | /* End PBXProject section */ 425 | 426 | /* Begin PBXReferenceProxy section */ 427 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 428 | isa = PBXReferenceProxy; 429 | fileType = archive.ar; 430 | path = libRCTActionSheet.a; 431 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 432 | sourceTree = BUILT_PRODUCTS_DIR; 433 | }; 434 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 435 | isa = PBXReferenceProxy; 436 | fileType = archive.ar; 437 | path = libRCTGeolocation.a; 438 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 439 | sourceTree = BUILT_PRODUCTS_DIR; 440 | }; 441 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 442 | isa = PBXReferenceProxy; 443 | fileType = archive.ar; 444 | path = libRCTImage.a; 445 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 446 | sourceTree = BUILT_PRODUCTS_DIR; 447 | }; 448 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 449 | isa = PBXReferenceProxy; 450 | fileType = archive.ar; 451 | path = libRCTNetwork.a; 452 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 453 | sourceTree = BUILT_PRODUCTS_DIR; 454 | }; 455 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 456 | isa = PBXReferenceProxy; 457 | fileType = archive.ar; 458 | path = libRCTVibration.a; 459 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 460 | sourceTree = BUILT_PRODUCTS_DIR; 461 | }; 462 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 463 | isa = PBXReferenceProxy; 464 | fileType = archive.ar; 465 | path = libRCTSettings.a; 466 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 467 | sourceTree = BUILT_PRODUCTS_DIR; 468 | }; 469 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 470 | isa = PBXReferenceProxy; 471 | fileType = archive.ar; 472 | path = libRCTWebSocket.a; 473 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 474 | sourceTree = BUILT_PRODUCTS_DIR; 475 | }; 476 | 146834041AC3E56700842450 /* libReact.a */ = { 477 | isa = PBXReferenceProxy; 478 | fileType = archive.ar; 479 | path = libReact.a; 480 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 481 | sourceTree = BUILT_PRODUCTS_DIR; 482 | }; 483 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 484 | isa = PBXReferenceProxy; 485 | fileType = archive.ar; 486 | path = libRCTLinking.a; 487 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 488 | sourceTree = BUILT_PRODUCTS_DIR; 489 | }; 490 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 491 | isa = PBXReferenceProxy; 492 | fileType = archive.ar; 493 | path = libRCTText.a; 494 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 495 | sourceTree = BUILT_PRODUCTS_DIR; 496 | }; 497 | /* End PBXReferenceProxy section */ 498 | 499 | /* Begin PBXResourcesBuildPhase section */ 500 | 00E356EC1AD99517003FC87E /* Resources */ = { 501 | isa = PBXResourcesBuildPhase; 502 | buildActionMask = 2147483647; 503 | files = ( 504 | ); 505 | runOnlyForDeploymentPostprocessing = 0; 506 | }; 507 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 508 | isa = PBXResourcesBuildPhase; 509 | buildActionMask = 2147483647; 510 | files = ( 511 | 008F07F31AC5B25A0029DE68 /* main.jsbundle in Resources */, 512 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 513 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 514 | ); 515 | runOnlyForDeploymentPostprocessing = 0; 516 | }; 517 | /* End PBXResourcesBuildPhase section */ 518 | 519 | /* Begin PBXSourcesBuildPhase section */ 520 | 00E356EA1AD99517003FC87E /* Sources */ = { 521 | isa = PBXSourcesBuildPhase; 522 | buildActionMask = 2147483647; 523 | files = ( 524 | 00E356F31AD99517003FC87E /* SliderTests.m in Sources */, 525 | ); 526 | runOnlyForDeploymentPostprocessing = 0; 527 | }; 528 | 13B07F871A680F5B00A75B9A /* Sources */ = { 529 | isa = PBXSourcesBuildPhase; 530 | buildActionMask = 2147483647; 531 | files = ( 532 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 533 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 534 | ); 535 | runOnlyForDeploymentPostprocessing = 0; 536 | }; 537 | /* End PBXSourcesBuildPhase section */ 538 | 539 | /* Begin PBXTargetDependency section */ 540 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 541 | isa = PBXTargetDependency; 542 | target = 13B07F861A680F5B00A75B9A /* Slider */; 543 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 544 | }; 545 | /* End PBXTargetDependency section */ 546 | 547 | /* Begin PBXVariantGroup section */ 548 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 549 | isa = PBXVariantGroup; 550 | children = ( 551 | 13B07FB21A68108700A75B9A /* Base */, 552 | ); 553 | name = LaunchScreen.xib; 554 | sourceTree = ""; 555 | }; 556 | /* End PBXVariantGroup section */ 557 | 558 | /* Begin XCBuildConfiguration section */ 559 | 00E356F61AD99517003FC87E /* Debug */ = { 560 | isa = XCBuildConfiguration; 561 | buildSettings = { 562 | BUNDLE_LOADER = "$(TEST_HOST)"; 563 | FRAMEWORK_SEARCH_PATHS = ( 564 | "$(SDKROOT)/Developer/Library/Frameworks", 565 | "$(inherited)", 566 | ); 567 | GCC_PREPROCESSOR_DEFINITIONS = ( 568 | "DEBUG=1", 569 | "$(inherited)", 570 | ); 571 | INFOPLIST_FILE = SliderTests/Info.plist; 572 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 573 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 574 | PRODUCT_NAME = "$(TARGET_NAME)"; 575 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Slider.app/Slider"; 576 | }; 577 | name = Debug; 578 | }; 579 | 00E356F71AD99517003FC87E /* Release */ = { 580 | isa = XCBuildConfiguration; 581 | buildSettings = { 582 | BUNDLE_LOADER = "$(TEST_HOST)"; 583 | COPY_PHASE_STRIP = NO; 584 | FRAMEWORK_SEARCH_PATHS = ( 585 | "$(SDKROOT)/Developer/Library/Frameworks", 586 | "$(inherited)", 587 | ); 588 | INFOPLIST_FILE = SliderTests/Info.plist; 589 | IPHONEOS_DEPLOYMENT_TARGET = 8.2; 590 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 591 | PRODUCT_NAME = "$(TARGET_NAME)"; 592 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Slider.app/Slider"; 593 | }; 594 | name = Release; 595 | }; 596 | 13B07F941A680F5B00A75B9A /* Debug */ = { 597 | isa = XCBuildConfiguration; 598 | buildSettings = { 599 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 600 | CODE_SIGN_IDENTITY = "iPhone Developer"; 601 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 602 | HEADER_SEARCH_PATHS = ( 603 | "$(inherited)", 604 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 605 | "$(SRCROOT)/../node_modules/react-native/React/**", 606 | ); 607 | INFOPLIST_FILE = "$(SRCROOT)/Slider/Info.plist"; 608 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 609 | OTHER_LDFLAGS = "-ObjC"; 610 | PRODUCT_NAME = Slider; 611 | PROVISIONING_PROFILE = ""; 612 | }; 613 | name = Debug; 614 | }; 615 | 13B07F951A680F5B00A75B9A /* Release */ = { 616 | isa = XCBuildConfiguration; 617 | buildSettings = { 618 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 619 | CODE_SIGN_IDENTITY = "iPhone Developer"; 620 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 621 | HEADER_SEARCH_PATHS = ( 622 | "$(inherited)", 623 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 624 | "$(SRCROOT)/../node_modules/react-native/React/**", 625 | ); 626 | INFOPLIST_FILE = "$(SRCROOT)/Slider/Info.plist"; 627 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 628 | OTHER_LDFLAGS = "-ObjC"; 629 | PRODUCT_NAME = Slider; 630 | PROVISIONING_PROFILE = ""; 631 | }; 632 | name = Release; 633 | }; 634 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 635 | isa = XCBuildConfiguration; 636 | buildSettings = { 637 | ALWAYS_SEARCH_USER_PATHS = NO; 638 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 639 | CLANG_CXX_LIBRARY = "libc++"; 640 | CLANG_ENABLE_MODULES = YES; 641 | CLANG_ENABLE_OBJC_ARC = YES; 642 | CLANG_WARN_BOOL_CONVERSION = YES; 643 | CLANG_WARN_CONSTANT_CONVERSION = YES; 644 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 645 | CLANG_WARN_EMPTY_BODY = YES; 646 | CLANG_WARN_ENUM_CONVERSION = YES; 647 | CLANG_WARN_INT_CONVERSION = YES; 648 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 649 | CLANG_WARN_UNREACHABLE_CODE = YES; 650 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 651 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 652 | COPY_PHASE_STRIP = NO; 653 | ENABLE_STRICT_OBJC_MSGSEND = YES; 654 | GCC_C_LANGUAGE_STANDARD = gnu99; 655 | GCC_DYNAMIC_NO_PIC = NO; 656 | GCC_OPTIMIZATION_LEVEL = 0; 657 | GCC_PREPROCESSOR_DEFINITIONS = ( 658 | "DEBUG=1", 659 | "$(inherited)", 660 | ); 661 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 662 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 663 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 664 | GCC_WARN_UNDECLARED_SELECTOR = YES; 665 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 666 | GCC_WARN_UNUSED_FUNCTION = YES; 667 | GCC_WARN_UNUSED_VARIABLE = YES; 668 | HEADER_SEARCH_PATHS = ( 669 | "$(inherited)", 670 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 671 | "$(SRCROOT)/../node_modules/react-native/React/**", 672 | ); 673 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 674 | MTL_ENABLE_DEBUG_INFO = YES; 675 | ONLY_ACTIVE_ARCH = YES; 676 | SDKROOT = iphoneos; 677 | }; 678 | name = Debug; 679 | }; 680 | 83CBBA211A601CBA00E9B192 /* Release */ = { 681 | isa = XCBuildConfiguration; 682 | buildSettings = { 683 | ALWAYS_SEARCH_USER_PATHS = NO; 684 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 685 | CLANG_CXX_LIBRARY = "libc++"; 686 | CLANG_ENABLE_MODULES = YES; 687 | CLANG_ENABLE_OBJC_ARC = YES; 688 | CLANG_WARN_BOOL_CONVERSION = YES; 689 | CLANG_WARN_CONSTANT_CONVERSION = YES; 690 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 691 | CLANG_WARN_EMPTY_BODY = YES; 692 | CLANG_WARN_ENUM_CONVERSION = YES; 693 | CLANG_WARN_INT_CONVERSION = YES; 694 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 695 | CLANG_WARN_UNREACHABLE_CODE = YES; 696 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 697 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 698 | COPY_PHASE_STRIP = YES; 699 | ENABLE_NS_ASSERTIONS = NO; 700 | ENABLE_STRICT_OBJC_MSGSEND = YES; 701 | GCC_C_LANGUAGE_STANDARD = gnu99; 702 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 703 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 704 | GCC_WARN_UNDECLARED_SELECTOR = YES; 705 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 706 | GCC_WARN_UNUSED_FUNCTION = YES; 707 | GCC_WARN_UNUSED_VARIABLE = YES; 708 | HEADER_SEARCH_PATHS = ( 709 | "$(inherited)", 710 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 711 | "$(SRCROOT)/../node_modules/react-native/React/**", 712 | ); 713 | IPHONEOS_DEPLOYMENT_TARGET = 7.0; 714 | MTL_ENABLE_DEBUG_INFO = NO; 715 | SDKROOT = iphoneos; 716 | VALIDATE_PRODUCT = YES; 717 | }; 718 | name = Release; 719 | }; 720 | /* End XCBuildConfiguration section */ 721 | 722 | /* Begin XCConfigurationList section */ 723 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "SliderTests" */ = { 724 | isa = XCConfigurationList; 725 | buildConfigurations = ( 726 | 00E356F61AD99517003FC87E /* Debug */, 727 | 00E356F71AD99517003FC87E /* Release */, 728 | ); 729 | defaultConfigurationIsVisible = 0; 730 | defaultConfigurationName = Release; 731 | }; 732 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "Slider" */ = { 733 | isa = XCConfigurationList; 734 | buildConfigurations = ( 735 | 13B07F941A680F5B00A75B9A /* Debug */, 736 | 13B07F951A680F5B00A75B9A /* Release */, 737 | ); 738 | defaultConfigurationIsVisible = 0; 739 | defaultConfigurationName = Release; 740 | }; 741 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "Slider" */ = { 742 | isa = XCConfigurationList; 743 | buildConfigurations = ( 744 | 83CBBA201A601CBA00E9B192 /* Debug */, 745 | 83CBBA211A601CBA00E9B192 /* Release */, 746 | ); 747 | defaultConfigurationIsVisible = 0; 748 | defaultConfigurationName = Release; 749 | }; 750 | /* End XCConfigurationList section */ 751 | }; 752 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 753 | } 754 | -------------------------------------------------------------------------------- /iOS/Slider.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /iOS/Slider.xcodeproj/project.xcworkspace/xcuserdata/jackrans.xcuserdatad/UserInterfaceState.xcuserstate: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/iOS/Slider.xcodeproj/project.xcworkspace/xcuserdata/jackrans.xcuserdatad/UserInterfaceState.xcuserstate -------------------------------------------------------------------------------- /iOS/Slider.xcodeproj/xcshareddata/xcschemes/Slider.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 33 | 39 | 40 | 41 | 42 | 43 | 49 | 50 | 51 | 52 | 53 | 54 | 64 | 66 | 72 | 73 | 74 | 75 | 76 | 77 | 83 | 85 | 91 | 92 | 93 | 94 | 96 | 97 | 100 | 101 | 102 | -------------------------------------------------------------------------------- /iOS/Slider.xcodeproj/xcuserdata/jackrans.xcuserdatad/xcschemes/xcschememanagement.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SchemeUserState 6 | 7 | Slider.xcscheme_^#shared#^_ 8 | 9 | orderHint 10 | 0 11 | 12 | 13 | SuppressBuildableAutocreation 14 | 15 | 00E356ED1AD99517003FC87E 16 | 17 | primary 18 | 19 | 20 | 13B07F861A680F5B00A75B9A 21 | 22 | primary 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /iOS/Slider/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 | -------------------------------------------------------------------------------- /iOS/Slider/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:@"Slider" 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 | -------------------------------------------------------------------------------- /iOS/Slider/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 | -------------------------------------------------------------------------------- /iOS/Slider/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 | } -------------------------------------------------------------------------------- /iOS/Slider/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /iOS/Slider/Images.xcassets/diamond.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "diamond.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "scale" : "2x" 11 | }, 12 | { 13 | "idiom" : "universal", 14 | "scale" : "3x" 15 | } 16 | ], 17 | "info" : { 18 | "version" : 1, 19 | "author" : "xcode" 20 | } 21 | } -------------------------------------------------------------------------------- /iOS/Slider/Images.xcassets/diamond.imageset/diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/iOS/Slider/Images.xcassets/diamond.imageset/diamond.png -------------------------------------------------------------------------------- /iOS/Slider/Images.xcassets/ruby.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "ruby.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "scale" : "2x" 11 | }, 12 | { 13 | "idiom" : "universal", 14 | "scale" : "3x" 15 | } 16 | ], 17 | "info" : { 18 | "version" : 1, 19 | "author" : "xcode" 20 | } 21 | } -------------------------------------------------------------------------------- /iOS/Slider/Images.xcassets/ruby.imageset/ruby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/iOS/Slider/Images.xcassets/ruby.imageset/ruby.png -------------------------------------------------------------------------------- /iOS/Slider/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 | -------------------------------------------------------------------------------- /iOS/Slider/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 | -------------------------------------------------------------------------------- /iOS/SliderTests/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 | -------------------------------------------------------------------------------- /iOS/SliderTests/SliderTests.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 SliderTests : XCTestCase 21 | 22 | @end 23 | 24 | @implementation SliderTests 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 | -------------------------------------------------------------------------------- /index.ios.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var ReactNative = require('react-native'); 4 | var { 5 | AppRegistry, 6 | StyleSheet, 7 | View, 8 | Text, 9 | SliderIOS, 10 | Image 11 | } = ReactNative; 12 | 13 | var createReactClass = require('create-react-class'); 14 | var MultiSlider = require('./Slider.js'); 15 | var customMarker = require('./customMarker.js'); 16 | 17 | var Slider = createReactClass({ 18 | 19 | getInitialState: function () { 20 | return { 21 | sliderOneChanging: false, 22 | sliderOneValue: [5] 23 | } 24 | }, 25 | 26 | SliderOneValuesChangeStart: function () { 27 | this.setState({ 28 | sliderOneChanging: true 29 | }) 30 | }, 31 | 32 | SliderOneValuesChange: function (values) { 33 | this.setState({ 34 | sliderOneValue: values[0] 35 | }) 36 | }, 37 | 38 | SliderOneValuesChangeFinish: function () { 39 | this.setState({ 40 | sliderOneChanging: false 41 | }) 42 | }, 43 | 44 | render: function() { 45 | 46 | return ( 47 | 48 | Sliders 49 | 50 | 51 | One Marker with callback example: 52 | {this.state.sliderOneValue} 53 | 54 | 61 | Two Markers 62 | 63 | Custom Marker 64 | 87 | Native RCT Slider 88 | 89 | 90 | 91 | ); 92 | } 93 | }); 94 | 95 | var styles = StyleSheet.create({ 96 | container: { 97 | flex:1, 98 | flexDirection:'column', 99 | justifyContent: 'space-around', 100 | alignItems: "center", 101 | }, 102 | sliders: { 103 | margin: 20, 104 | width: 280 105 | }, 106 | text: { 107 | alignSelf: "center", 108 | paddingVertical: 20 109 | }, 110 | title: { 111 | fontSize:30 112 | }, 113 | sliderOne: { 114 | flexDirection: 'row', 115 | justifyContent: 'space-around' 116 | } 117 | 118 | 119 | }); 120 | 121 | AppRegistry.registerComponent('Slider', () => Slider); 122 | -------------------------------------------------------------------------------- /mockProps.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var React = require('react'); 4 | var ReactNative = require('react-native'); 5 | var PropTypes = require('prop-types'); 6 | var createReactClass = require('create-react-class'); 7 | var { 8 | View, 9 | ViewPropTypes 10 | } = ReactNative; 11 | 12 | var ViewStylePropTypes = ViewPropTypes ? ViewPropTypes.style : View.propTypes.style; 13 | 14 | var BasicMarker = createReactClass({ 15 | 16 | propTypes: { 17 | pressed: PropTypes.bool, 18 | pressedMarkerStyle: ViewStylePropTypes, 19 | markerStyle: ViewStylePropTypes 20 | }, 21 | 22 | render: function () { 23 | return ( 24 | 27 | ); 28 | } 29 | }); 30 | 31 | var mockProps = { 32 | values: [0], 33 | onValuesChangeStart: function () { 34 | console.log('press started'); 35 | }, 36 | onValuesChange: function (values) { 37 | console.log('changing', values); 38 | }, 39 | onValuesChangeFinish: function (values) { 40 | console.log('changed', values); 41 | }, 42 | step: 1, 43 | min:0, 44 | max:10, 45 | selectedStyle: { 46 | backgroundColor: 'blue' 47 | }, 48 | unselectedStyle: { 49 | backgroundColor: 'grey' 50 | }, 51 | containerStyle: { 52 | height:30, 53 | }, 54 | trackStyle: { 55 | height:7, 56 | borderRadius: 3.5, 57 | }, 58 | touchDimensions: { 59 | height: 30, 60 | width: 30, 61 | borderRadius: 15, 62 | slipDisplacement: 30, 63 | }, 64 | markerStyle: { 65 | height:30, 66 | width: 30, 67 | borderRadius: 15, 68 | backgroundColor:'#E8E8E8', 69 | borderWidth: 0.5, 70 | borderColor: 'grey', 71 | }, 72 | customMarker: BasicMarker, 73 | pressedMarkerStyle: { 74 | backgroundColor:'#D3D3D3', 75 | }, 76 | sliderLength: 280 77 | }; 78 | 79 | module.exports = mockProps; 80 | -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-multi-slider", 3 | "version": "0.3.6", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "asap": { 8 | "version": "2.0.6", 9 | "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", 10 | "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=" 11 | }, 12 | "core-js": { 13 | "version": "1.2.7", 14 | "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", 15 | "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=" 16 | }, 17 | "create-react-class": { 18 | "version": "15.6.2", 19 | "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.6.2.tgz", 20 | "integrity": "sha1-zx7RXxKq1/FO9fLf4F5sQvke8Co=", 21 | "requires": { 22 | "fbjs": "0.8.16", 23 | "loose-envify": "1.3.1", 24 | "object-assign": "4.1.1" 25 | } 26 | }, 27 | "encoding": { 28 | "version": "0.1.12", 29 | "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz", 30 | "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=", 31 | "requires": { 32 | "iconv-lite": "0.4.19" 33 | } 34 | }, 35 | "fbjs": { 36 | "version": "0.8.16", 37 | "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.16.tgz", 38 | "integrity": "sha1-XmdDL1UNxBtXK/VYR7ispk5TN9s=", 39 | "requires": { 40 | "core-js": "1.2.7", 41 | "isomorphic-fetch": "2.2.1", 42 | "loose-envify": "1.3.1", 43 | "object-assign": "4.1.1", 44 | "promise": "7.3.1", 45 | "setimmediate": "1.0.5", 46 | "ua-parser-js": "0.7.14" 47 | } 48 | }, 49 | "iconv-lite": { 50 | "version": "0.4.19", 51 | "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", 52 | "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" 53 | }, 54 | "is-stream": { 55 | "version": "1.1.0", 56 | "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", 57 | "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" 58 | }, 59 | "isomorphic-fetch": { 60 | "version": "2.2.1", 61 | "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", 62 | "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=", 63 | "requires": { 64 | "node-fetch": "1.7.3", 65 | "whatwg-fetch": "2.0.3" 66 | } 67 | }, 68 | "js-tokens": { 69 | "version": "3.0.2", 70 | "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", 71 | "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" 72 | }, 73 | "loose-envify": { 74 | "version": "1.3.1", 75 | "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz", 76 | "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=", 77 | "requires": { 78 | "js-tokens": "3.0.2" 79 | } 80 | }, 81 | "node-fetch": { 82 | "version": "1.7.3", 83 | "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", 84 | "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", 85 | "requires": { 86 | "encoding": "0.1.12", 87 | "is-stream": "1.1.0" 88 | } 89 | }, 90 | "object-assign": { 91 | "version": "4.1.1", 92 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 93 | "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" 94 | }, 95 | "promise": { 96 | "version": "7.3.1", 97 | "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", 98 | "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", 99 | "requires": { 100 | "asap": "2.0.6" 101 | } 102 | }, 103 | "prop-types": { 104 | "version": "15.6.0", 105 | "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.0.tgz", 106 | "integrity": "sha1-zq8IMCL8RrSjX2nhPvda7Q1jmFY=", 107 | "requires": { 108 | "fbjs": "0.8.16", 109 | "loose-envify": "1.3.1", 110 | "object-assign": "4.1.1" 111 | } 112 | }, 113 | "setimmediate": { 114 | "version": "1.0.5", 115 | "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", 116 | "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=" 117 | }, 118 | "ua-parser-js": { 119 | "version": "0.7.14", 120 | "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.14.tgz", 121 | "integrity": "sha1-EQ1T+kw/MmwSEpK76skE0uAzh8o=" 122 | }, 123 | "whatwg-fetch": { 124 | "version": "2.0.3", 125 | "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz", 126 | "integrity": "sha1-nITsLc9oGH/wC8ZOEnS0QhduHIQ=" 127 | } 128 | } 129 | } 130 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-multi-slider", 3 | "version": "0.3.6", 4 | "description": "Pure JS slider component with multiple markers for React Native", 5 | "main": "Slider.js", 6 | "scripts": { 7 | "start": "node_modules/react-native/packager/packager.sh", 8 | "open:xcode": "open iOS/Slider.xcodeproj" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/JackDanielsAndCode/react-native-multi-slider.git" 13 | }, 14 | "keywords": [ 15 | "react-component", 16 | "react", 17 | "native", 18 | "slider", 19 | "multiple", 20 | "react-native", 21 | "component", 22 | "iOS" 23 | ], 24 | "author": "Danwhy, jrans", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/JackDanielsAndCode/react-native-multi-slider/issues" 28 | }, 29 | "homepage": "https://github.com/JackDanielsAndCode/react-native-multi-slider#readme", 30 | "peerDependencies": { 31 | "react": "*", 32 | "react-native": "*" 33 | }, 34 | "dependencies": { 35 | "create-react-class": "^15.6.2", 36 | "prop-types": "*" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /ruby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JackDanielsAndCode/react-native-multi-slider/aec71369ed558812de7546f753494222d12df498/ruby.png --------------------------------------------------------------------------------