summaryrefslogtreecommitdiff
path: root/app_expo/components/auto-image/auto-image.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-07-23 15:24:35 +0200
committerThomas F. K. Jorna <[email protected]>2021-07-23 15:24:35 +0200
commit356381d14cb1ff3cbd39c7e396dd14379336451b (patch)
treea03e9b2534600bde7b3b781411b5b03f8134904b /app_expo/components/auto-image/auto-image.tsx
parent7aa007f158a52b41494049a1202938fc97813ec1 (diff)
parent73308af061af5e17ac7d4a73fa027a2f303c70dd (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.tsx46
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]} />
-}