mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 09:35:48 +00:00
69534a3373
Summary:Split out from PR #4252 - kmagiera I've made the changes to how the radii arrays are allocated, is the approach I've taken correct? also it looks like ImageStylePropTypes are needed so I left them in for the moment. I suppose this pull request will only be valid if iOS supports image corner radii, but at least it's here if/when needed. Attached an image of how it handles the existing case:  Closes https://github.com/facebook/react-native/pull/5197 Differential Revision: D3138725 Pulled By: mkonicek fb-gh-sync-id: df772fd07fe85386ae4c681f9e79a19d2316d38b fbshipit-source-id: df772fd07fe85386ae4c681f9e79a19d2316d38b
67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
/**
|
|
* 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 ImageStylePropTypes
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var ImageResizeMode = require('ImageResizeMode');
|
|
var LayoutPropTypes = require('LayoutPropTypes');
|
|
var ReactPropTypes = require('ReactPropTypes');
|
|
var ColorPropType = require('ColorPropType');
|
|
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']),
|
|
|
|
/**
|
|
* iOS-Specific style to "tint" an image.
|
|
* Changes the color of all the non-transparent pixels to the tintColor.
|
|
* @platform ios
|
|
*/
|
|
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;
|