1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
- 'use strict';
- const React = require('react');
- const StyleSheet = require('../../StyleSheet/StyleSheet');
- import RCTProgressViewNativeComponent from './RCTProgressViewNativeComponent';
- import type {ImageSource} from '../../Image/ImageSource';
- import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
- import type {ViewProps} from '../View/ViewPropTypes';
- type Props = $ReadOnly<{|
- ...ViewProps,
- /**
- * The progress bar style.
- */
- progressViewStyle?: ?('default' | 'bar'),
- /**
- * The progress value (between 0 and 1).
- */
- progress?: ?number,
- /**
- * The tint color of the progress bar itself.
- */
- progressTintColor?: ?ColorValue,
- /**
- * The tint color of the progress bar track.
- */
- trackTintColor?: ?ColorValue,
- /**
- * A stretchable image to display as the progress bar.
- */
- progressImage?: ?ImageSource,
- /**
- * A stretchable image to display behind the progress bar.
- */
- trackImage?: ?ImageSource,
- |}>;
- /**
- * Use `ProgressViewIOS` to render a UIProgressView on iOS.
- */
- const ProgressViewIOS = (
- props: Props,
- forwardedRef?: ?React.Ref<typeof RCTProgressViewNativeComponent>,
- ) => (
- <RCTProgressViewNativeComponent
- {...props}
- style={[styles.progressView, props.style]}
- ref={forwardedRef}
- />
- );
- const styles = StyleSheet.create({
- progressView: {
- height: 2,
- },
- });
- const ProgressViewIOSWithRef = React.forwardRef(ProgressViewIOS);
- module.exports = (ProgressViewIOSWithRef: typeof RCTProgressViewNativeComponent);
|