react-native-fast-image/FastImage.js

60 lines
1.4 KiB
JavaScript
Raw Normal View History

2017-04-13 04:13:44 +00:00
import React, { PropTypes } from 'react'
import { requireNativeComponent, Image, View } from 'react-native'
const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource')
const FastImage = ({ source, onError, onLoad, ...props }) => {
// If there's no source or source uri just fallback to Image.
if (!source || !source.uri) {
return (
<Image {...props} source={source} onError={onError} onLoad={onLoad} />
)
}
const resolvedSource = resolveAssetSource(source)
return (
<FastImageView
{...props}
source={resolvedSource}
onFastImageError={onError}
onFastImageLoad={onLoad}
/>
)
}
FastImage.resizeMode = {
contain: 'contain',
cover: 'cover',
stretch: 'stretch',
center: 'center',
}
FastImage.priority = {
low: 'low',
normal: 'normal',
high: 'high',
}
const FastImageSourcePropType = PropTypes.shape({
uri: PropTypes.string,
headers: PropTypes.objectOf(PropTypes.string),
priority: PropTypes.oneOf(Object.keys(FastImage.priority)),
})
FastImage.propTypes = {
...View.propTypes,
source: FastImageSourcePropType,
}
FastImage.defaultProps = {
resizeMode: FastImage.resizeMode.cover,
onLoad: Function.prototype,
onError: Function.prototype,
}
const FastImageView = requireNativeComponent('FastImageView', FastImage, {
nativeOnly: { onError: true, onLoad: true },
})
export default FastImage