175 lines
4.9 KiB
JavaScript
175 lines
4.9 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow strict-local
|
|
* @format
|
|
*/
|
|
|
|
import type {ViewProps} from '../Components/View/ViewPropTypes';
|
|
import type {
|
|
HostComponent,
|
|
HostInstance,
|
|
PartialViewConfig,
|
|
} from '../Renderer/shims/ReactNativeTypes';
|
|
import type {
|
|
ColorValue,
|
|
DangerouslyImpreciseStyle,
|
|
ImageStyleProp,
|
|
} from '../StyleSheet/StyleSheet';
|
|
import type {ResolvedAssetSource} from './AssetSourceResolver';
|
|
import type {ImageProps} from './ImageProps';
|
|
|
|
import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
|
|
import {ConditionallyIgnoredEventHandlers} from '../NativeComponent/ViewConfigIgnore';
|
|
import codegenNativeCommands from '../Utilities/codegenNativeCommands';
|
|
import Platform from '../Utilities/Platform';
|
|
|
|
type Props = $ReadOnly<{
|
|
...ImageProps,
|
|
...ViewProps,
|
|
|
|
style?: ImageStyleProp | DangerouslyImpreciseStyle,
|
|
|
|
// iOS native props
|
|
tintColor?: ColorValue,
|
|
|
|
// Android native props
|
|
shouldNotifyLoadEvents?: boolean,
|
|
src?:
|
|
| ?ResolvedAssetSource
|
|
| ?$ReadOnlyArray<?$ReadOnly<{uri?: ?string, ...}>>,
|
|
headers?: ?{[string]: string},
|
|
defaultSrc?: ?string,
|
|
loadingIndicatorSrc?: ?string,
|
|
}>;
|
|
|
|
interface NativeCommands {
|
|
+setIsVisible_EXPERIMENTAL: (
|
|
viewRef: HostInstance,
|
|
isVisible: boolean,
|
|
time: number,
|
|
) => void;
|
|
}
|
|
|
|
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['setIsVisible_EXPERIMENTAL'],
|
|
});
|
|
|
|
export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
|
|
Platform.OS === 'android'
|
|
? {
|
|
uiViewClassName: 'RCTImageView',
|
|
bubblingEventTypes: {},
|
|
directEventTypes: {
|
|
topLoadStart: {
|
|
registrationName: 'onLoadStart',
|
|
},
|
|
topProgress: {
|
|
registrationName: 'onProgress',
|
|
},
|
|
topError: {
|
|
registrationName: 'onError',
|
|
},
|
|
topLoad: {
|
|
registrationName: 'onLoad',
|
|
},
|
|
topLoadEnd: {
|
|
registrationName: 'onLoadEnd',
|
|
},
|
|
},
|
|
validAttributes: {
|
|
blurRadius: true,
|
|
defaultSource: {
|
|
process: require('./resolveAssetSource'),
|
|
},
|
|
internal_analyticTag: true,
|
|
resizeMethod: true,
|
|
resizeMode: true,
|
|
resizeMultiplier: true,
|
|
tintColor: {
|
|
process: require('../StyleSheet/processColor').default,
|
|
},
|
|
borderBottomLeftRadius: true,
|
|
borderTopLeftRadius: true,
|
|
src: true,
|
|
// NOTE: New Architecture expects this to be called `source`,
|
|
// regardless of the platform, therefore propagate it as well.
|
|
// For the backwards compatibility reasons, we keep both `src`
|
|
// and `source`, which will be identical at this stage.
|
|
source: true,
|
|
borderRadius: true,
|
|
headers: true,
|
|
shouldNotifyLoadEvents: true,
|
|
overlayColor: {
|
|
process: require('../StyleSheet/processColor').default,
|
|
},
|
|
borderColor: {
|
|
process: require('../StyleSheet/processColor').default,
|
|
},
|
|
accessible: true,
|
|
progressiveRenderingEnabled: true,
|
|
fadeDuration: true,
|
|
borderBottomRightRadius: true,
|
|
borderTopRightRadius: true,
|
|
loadingIndicatorSrc: true,
|
|
},
|
|
}
|
|
: {
|
|
uiViewClassName: 'RCTImageView',
|
|
bubblingEventTypes: {},
|
|
directEventTypes: {
|
|
topLoadStart: {
|
|
registrationName: 'onLoadStart',
|
|
},
|
|
topProgress: {
|
|
registrationName: 'onProgress',
|
|
},
|
|
topError: {
|
|
registrationName: 'onError',
|
|
},
|
|
topPartialLoad: {
|
|
registrationName: 'onPartialLoad',
|
|
},
|
|
topLoad: {
|
|
registrationName: 'onLoad',
|
|
},
|
|
topLoadEnd: {
|
|
registrationName: 'onLoadEnd',
|
|
},
|
|
},
|
|
validAttributes: {
|
|
blurRadius: true,
|
|
capInsets: {
|
|
diff: require('../Utilities/differ/insetsDiffer'),
|
|
},
|
|
defaultSource: {
|
|
process: require('./resolveAssetSource'),
|
|
},
|
|
internal_analyticTag: true,
|
|
resizeMode: true,
|
|
source: true,
|
|
tintColor: {
|
|
process: require('../StyleSheet/processColor').default,
|
|
},
|
|
...ConditionallyIgnoredEventHandlers({
|
|
onLoadStart: true,
|
|
onLoad: true,
|
|
onLoadEnd: true,
|
|
onProgress: true,
|
|
onError: true,
|
|
onPartialLoad: true,
|
|
}),
|
|
},
|
|
};
|
|
|
|
const ImageViewNativeComponent: HostComponent<Props> =
|
|
NativeComponentRegistry.get<Props>(
|
|
'RCTImageView',
|
|
() => __INTERNAL_VIEW_CONFIG,
|
|
);
|
|
|
|
export default ImageViewNativeComponent;
|