diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-07-23 15:24:35 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-07-23 15:24:35 +0200 |
commit | 356381d14cb1ff3cbd39c7e396dd14379336451b (patch) | |
tree | a03e9b2534600bde7b3b781411b5b03f8134904b /app_expo/components/auto-image/auto-image.tsx | |
parent | 7aa007f158a52b41494049a1202938fc97813ec1 (diff) | |
parent | 73308af061af5e17ac7d4a73fa027a2f303c70dd (diff) |
resolving merge conflicts
Diffstat (limited to 'app_expo/components/auto-image/auto-image.tsx')
-rw-r--r-- | app_expo/components/auto-image/auto-image.tsx | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/app_expo/components/auto-image/auto-image.tsx b/app_expo/components/auto-image/auto-image.tsx deleted file mode 100644 index a8bfe37..0000000 --- a/app_expo/components/auto-image/auto-image.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import React, { useLayoutEffect, useState } from 'react' -import { - Image as RNImage, - ImageProps as DefaultImageProps, - ImageURISource, - Platform, -} from 'react-native' - -type ImageProps = DefaultImageProps & { - source: ImageURISource -} - -/** - * An Image wrapper component that autosizes itself to the size of the actual image. - * You can always override by passing a width and height in the style. - * If passing only one of width/height this image component will use the actual - * size of the other dimension. - * - * This component isn't required, but is provided as a convenience so that - * we don't have to remember to explicitly set image sizes on every image instance. - * - * To use as a stand-in replacement import { AutoImage as Image } and remove the - * Image import from react-native. Now all images in that file are handled by this - * component and are web-ready if not explicitly sized in the style property. - */ -export function AutoImage(props: ImageProps) { - const [imageSize, setImageSize] = useState({ width: 0, height: 0 }) - - useLayoutEffect(() => { - if (props.source?.uri) { - RNImage.getSize(props.source.uri as any, (width, height) => { - setImageSize({ width, height }) - }) - } else if (Platform.OS === 'web') { - // web requires a different method to get it's size - RNImage.getSize(props.source as any, (width, height) => { - setImageSize({ width, height }) - }) - } else { - const { width, height } = RNImage.resolveAssetSource(props.source) - setImageSize({ width, height }) - } - }, []) - - return <RNImage {...props} style={[imageSize, props.style]} /> -} |