react-native/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js

86 lines
1.8 KiB
JavaScript
Raw Normal View History

2015-06-03 16:49:22 +00:00
/**
* 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 ProgressViewIOS
* @flow
*/
'use strict';
var Image = require('Image');
var NativeMethodsMixin = require('NativeMethodsMixin');
2015-06-03 16:49:22 +00:00
var React = require('React');
var StyleSheet = require('StyleSheet');
var View = require('View');
2015-06-03 16:49:22 +00:00
var requireNativeComponent = require('requireNativeComponent');
var PropTypes = React.PropTypes;
2015-06-03 16:49:22 +00:00
/**
* Use `ProgressViewIOS` to render a UIProgressView on iOS.
*/
// $FlowFixMe(>=0.41.0)
2015-06-03 16:49:22 +00:00
var ProgressViewIOS = React.createClass({
mixins: [NativeMethodsMixin],
propTypes: {
...View.propTypes,
2015-06-03 16:49:22 +00:00
/**
* The progress bar style.
*/
progressViewStyle: PropTypes.oneOf(['default', 'bar']),
/**
* The progress value (between 0 and 1).
*/
progress: PropTypes.number,
/**
* The tint color of the progress bar itself.
*/
progressTintColor: PropTypes.string,
/**
* The tint color of the progress bar track.
*/
trackTintColor: PropTypes.string,
/**
* A stretchable image to display as the progress bar.
*/
progressImage: Image.propTypes.source,
/**
* A stretchable image to display behind the progress bar.
*/
trackImage: Image.propTypes.source,
},
render: function() {
return (
<RCTProgressView
{...this.props}
style={[styles.progressView, this.props.style]}
/>
);
}
});
var styles = StyleSheet.create({
progressView: {
height: 2,
2015-06-03 16:49:22 +00:00
},
});
var RCTProgressView = requireNativeComponent(
'RCTProgressView',
ProgressViewIOS
2015-06-03 16:49:22 +00:00
);
module.exports = ProgressViewIOS;