mirror of
https://github.com/status-im/react-native.git
synced 2025-02-12 01:16:46 +00:00
85e1ad6b61
- [ReactNative] Revert D1965911 | Christopher Chedeau - [ReactNative] Remove experimental Portal only needed for android right now. | Spencer Ahrens - [ReactNative] rename Animation to AnimationExperimental with warning docs | Spencer Ahrens - navigator.getCurrentRoutes() | Eric Vicenti - Fixing jsdoc parsing of functions that are defined over multiple lines (Fixes #410) | Christopher Chedeau - Added constraint of child type to touchablewithoutfeedback | Christopher Chedeau - [react-packager] Deprecate global image namespace in favor of CommonJS resolution | Amjad Masad - [react-packager] Don't cache rejected promise | Amjad Masad - [ReactNative] Start Navigator gesture config, disable gesture in AdsManager | Eric Vicenti - [Flow] Clean react-native-github for Flow v0.8.0 | Gabe Levi - add maximumValue and minimumValue as valid attributes for native Slider | Christopher Chedeau - react-packager: Add ES6 import statement support to DependencyGraph. | Amjad Masad - Remove false annotation | Christopher Chedeau - [madman] prevent pulling the content down inconsistently when the keyboard shows up | Kevin Gozali - add @flow back to View.js | Basil Hosmer - [ReactNative] Turn of lint warning for constant conditions | Eric Vicenti - [UIExplorer] Fixed 'Push View Example' in NavigatorIOS example | Christopher Chedeau - SliderIOS.js comments - grammar correction | Christopher Chedeau
112 lines
2.9 KiB
JavaScript
112 lines
2.9 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule SliderIOS
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var NativeMethodsMixin = require('NativeMethodsMixin');
|
|
var PropTypes = require('ReactPropTypes');
|
|
var React = require('React');
|
|
var ReactIOSViewAttributes = require('ReactIOSViewAttributes');
|
|
var StyleSheet = require('StyleSheet');
|
|
var View = require('View');
|
|
|
|
var createReactIOSNativeComponentClass =
|
|
require('createReactIOSNativeComponentClass');
|
|
var merge = require('merge');
|
|
|
|
type Event = Object;
|
|
|
|
var SliderIOS = React.createClass({
|
|
mixins: [NativeMethodsMixin],
|
|
|
|
propTypes: {
|
|
/**
|
|
* Used to style and layout the `Slider`. See `StyleSheet.js` and
|
|
* `ViewStylePropTypes.js` for more info.
|
|
*/
|
|
style: View.propTypes.style,
|
|
|
|
/**
|
|
* Initial value of the slider. The value should be between minimumValue
|
|
* and maximumValue, which default to 0 and 1 respectively.
|
|
* Default value is 0.
|
|
*
|
|
* *This is not a controlled component*, e.g. if you don't update
|
|
* the value, the component won't be reset to its inital value.
|
|
*/
|
|
value: PropTypes.number,
|
|
|
|
/**
|
|
* Initial minimum value of the slider. Default value is 0.
|
|
*/
|
|
minimumValue: PropTypes.number,
|
|
|
|
/**
|
|
* Initial maximum value of the slider. Default value is 1.
|
|
*/
|
|
maximumValue: PropTypes.number,
|
|
|
|
/**
|
|
* Callback continuously called while the user is dragging the slider.
|
|
*/
|
|
onValueChange: PropTypes.func,
|
|
|
|
/**
|
|
* Callback called when the user finishes changing the value (e.g. when
|
|
* the slider is released).
|
|
*/
|
|
onSlidingComplete: PropTypes.func,
|
|
},
|
|
|
|
_onValueChange: function(event: Event) {
|
|
this.props.onChange && this.props.onChange(event);
|
|
if (event.nativeEvent.continuous) {
|
|
this.props.onValueChange &&
|
|
this.props.onValueChange(event.nativeEvent.value);
|
|
} else {
|
|
this.props.onSlidingComplete && event.nativeEvent.value !== undefined &&
|
|
this.props.onSlidingComplete(event.nativeEvent.value);
|
|
}
|
|
},
|
|
|
|
render: function() {
|
|
return (
|
|
<RCTSlider
|
|
style={[styles.slider, this.props.style]}
|
|
value={this.props.value}
|
|
maximumValue={this.props.maximumValue}
|
|
minimumValue={this.props.minimumValue}
|
|
onChange={this._onValueChange}
|
|
/>
|
|
);
|
|
}
|
|
});
|
|
|
|
var styles = StyleSheet.create({
|
|
slider: {
|
|
height: 40,
|
|
},
|
|
});
|
|
|
|
var validAttributes = {
|
|
...ReactIOSViewAttributes.UIView,
|
|
value: true,
|
|
minimumValue: true,
|
|
maximumValue: true,
|
|
};
|
|
|
|
var RCTSlider = createReactIOSNativeComponentClass({
|
|
validAttributes: validAttributes,
|
|
uiViewClassName: 'RCTSlider',
|
|
});
|
|
|
|
module.exports = SliderIOS;
|