mirror of
https://github.com/status-im/react-native.git
synced 2025-02-23 06:38:13 +00:00
d16ec74236
Summary: Replaces `ImageResizeMode` with a Flow type. JavaScript enums provide little value when you have a type system. Reviewed By: bvaughn, TheSavior Differential Revision: D10057237 fbshipit-source-id: f108b60795a6d82a6786421e4ac72aeedc53bee8
68 lines
2.1 KiB
JavaScript
68 lines
2.1 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 DeprecatedColorPropType = require('DeprecatedColorPropType');
|
|
const LayoutPropTypes = require('LayoutPropTypes');
|
|
const ReactPropTypes = require('prop-types');
|
|
const DeprecatedShadowPropTypesIOS = require('DeprecatedShadowPropTypesIOS');
|
|
const DeprecatedTransformPropTypes = require('DeprecatedTransformPropTypes');
|
|
|
|
const ImageStylePropTypes = {
|
|
...LayoutPropTypes,
|
|
...DeprecatedShadowPropTypesIOS,
|
|
...DeprecatedTransformPropTypes,
|
|
resizeMode: ReactPropTypes.oneOf([
|
|
'center',
|
|
'contain',
|
|
'cover',
|
|
'repeat',
|
|
'stretch',
|
|
]),
|
|
backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
|
|
backgroundColor: DeprecatedColorPropType,
|
|
borderColor: DeprecatedColorPropType,
|
|
borderWidth: ReactPropTypes.number,
|
|
borderRadius: ReactPropTypes.number,
|
|
overflow: ReactPropTypes.oneOf(['visible', 'hidden']),
|
|
|
|
/**
|
|
* Changes the color of all the non-transparent pixels to the tintColor.
|
|
*/
|
|
tintColor: DeprecatedColorPropType,
|
|
opacity: ReactPropTypes.number,
|
|
/**
|
|
* When the image has rounded corners, specifying an overlayColor will
|
|
* cause the remaining space in the corners to be filled with a solid color.
|
|
* This is useful in cases which are not supported by the Android
|
|
* implementation of rounded corners:
|
|
* - Certain resize modes, such as 'contain'
|
|
* - Animated GIFs
|
|
*
|
|
* A typical way to use this prop is with images displayed on a solid
|
|
* background and setting the `overlayColor` to the same color
|
|
* as the background.
|
|
*
|
|
* For details of how this works under the hood, see
|
|
* http://frescolib.org/docs/rounded-corners-and-circles.html
|
|
*
|
|
* @platform android
|
|
*/
|
|
overlayColor: ReactPropTypes.string,
|
|
|
|
// Android-Specific styles
|
|
borderTopLeftRadius: ReactPropTypes.number,
|
|
borderTopRightRadius: ReactPropTypes.number,
|
|
borderBottomLeftRadius: ReactPropTypes.number,
|
|
borderBottomRightRadius: ReactPropTypes.number,
|
|
};
|
|
|
|
module.exports = ImageStylePropTypes;
|