mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-05-09 13:37:58 +08:00
0ee5f68929
Summary: This is the next step in moving RN towards standard path-based requires. All the requires in `Libraries` have been rewritten to use relative requires with a few exceptions, namely, `vendor` and `Renderer/oss` since those need to be changed upstream. This commit uses relative requires instead of `react-native/...` so that if Facebook were to stop syncing out certain folders and therefore remove code from the react-native package, internal code at Facebook would not need to change. See the umbrella issue at https://github.com/facebook/react-native/issues/24316 for more detail. [General] [Changed] - Migrate "Libraries" from Haste to standard path-based requires Pull Request resolved: https://github.com/facebook/react-native/pull/24749 Differential Revision: D15258017 Pulled By: cpojer fbshipit-source-id: a1f480ea36c05c659b6f37c8f02f6f9216d5a323
104 lines
2.6 KiB
JavaScript
104 lines
2.6 KiB
JavaScript
/**
|
|
* 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.
|
|
*
|
|
* @flow
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const React = require('react');
|
|
|
|
const ProgressBarAndroidNativeComponent = require('./ProgressBarAndroidNativeComponent');
|
|
|
|
import type {ViewProps} from '../View/ViewPropTypes';
|
|
|
|
export type ProgressBarAndroidProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
/**
|
|
* Style of the ProgressBar and whether it shows indeterminate progress (e.g. spinner).
|
|
*
|
|
* `indeterminate` can only be false if `styleAttr` is Horizontal, and requires a
|
|
* `progress` value.
|
|
*/
|
|
...
|
|
| {|
|
|
styleAttr: 'Horizontal',
|
|
indeterminate: false,
|
|
progress: number,
|
|
|}
|
|
| {|
|
|
typeAttr:
|
|
| 'Horizontal'
|
|
| 'Normal'
|
|
| 'Small'
|
|
| 'Large'
|
|
| 'Inverse'
|
|
| 'SmallInverse'
|
|
| 'LargeInverse',
|
|
indeterminate: true,
|
|
|},
|
|
/**
|
|
* Whether to show the ProgressBar (true, the default) or hide it (false).
|
|
*/
|
|
animating?: ?boolean,
|
|
/**
|
|
* Color of the progress bar.
|
|
*/
|
|
color?: ?string,
|
|
/**
|
|
* Used to locate this view in end-to-end tests.
|
|
*/
|
|
testID?: ?string,
|
|
|}>;
|
|
|
|
/**
|
|
* React component that wraps the Android-only `ProgressBar`. This component is
|
|
* used to indicate that the app is loading or there is activity in the app.
|
|
*
|
|
* Example:
|
|
*
|
|
* ```
|
|
* render: function() {
|
|
* var progressBar =
|
|
* <View style={styles.container}>
|
|
* <ProgressBar styleAttr="Inverse" />
|
|
* </View>;
|
|
|
|
* return (
|
|
* <MyLoadingComponent
|
|
* componentView={componentView}
|
|
* loadingView={progressBar}
|
|
* style={styles.loadingComponent}
|
|
* />
|
|
* );
|
|
* },
|
|
* ```
|
|
*/
|
|
const ProgressBarAndroid = (
|
|
props: ProgressBarAndroidProps,
|
|
forwardedRef: ?React.Ref<typeof ProgressBarAndroidNativeComponent>,
|
|
) => {
|
|
return <ProgressBarAndroidNativeComponent {...props} ref={forwardedRef} />;
|
|
};
|
|
|
|
const ProgressBarAndroidToExport = React.forwardRef(ProgressBarAndroid);
|
|
|
|
/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
|
|
* error found when Flow v0.89 was deployed. To see the error, delete this
|
|
* comment and run Flow. */
|
|
ProgressBarAndroidToExport.defaultProps = {
|
|
styleAttr: 'Normal',
|
|
indeterminate: true,
|
|
animating: true,
|
|
};
|
|
|
|
/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
|
|
* error found when Flow v0.89 was deployed. To see the error, delete this
|
|
* comment and run Flow. */
|
|
module.exports = (ProgressBarAndroidToExport: ProgressBarAndroidNativeComponent);
|