63 lines
2.0 KiB
JavaScript
63 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
*
|
|
* 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';
|
|
|
|
var ColorPropType = require('ColorPropType');
|
|
var ImageResizeMode = require('ImageResizeMode');
|
|
var LayoutPropTypes = require('LayoutPropTypes');
|
|
var ReactPropTypes = require('prop-types');
|
|
var ShadowPropTypesIOS = require('ShadowPropTypesIOS');
|
|
var TransformPropTypes = require('TransformPropTypes');
|
|
|
|
var ImageStylePropTypes = {
|
|
...LayoutPropTypes,
|
|
...ShadowPropTypesIOS,
|
|
...TransformPropTypes,
|
|
resizeMode: ReactPropTypes.oneOf(Object.keys(ImageResizeMode)),
|
|
backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
|
|
backgroundColor: ColorPropType,
|
|
borderColor: ColorPropType,
|
|
borderWidth: ReactPropTypes.number,
|
|
borderRadius: ReactPropTypes.number,
|
|
overflow: ReactPropTypes.oneOf(['visible', 'hidden']),
|
|
|
|
/**
|
|
* Changes the color of all the non-transparent pixels to the tintColor.
|
|
*/
|
|
tintColor: ColorPropType,
|
|
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;
|