summaryrefslogtreecommitdiff
path: root/app_expo/components/auto-image/auto-image.tsx
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-23 11:02:26 +0300
committerKirill Rogovoy <[email protected]>2021-07-23 11:02:26 +0300
commit73308af061af5e17ac7d4a73fa027a2f303c70dd (patch)
tree816fb8231e13f58f7afe822742513b3150cdc871 /app_expo/components/auto-image/auto-image.tsx
parentb8c58914cc1e251ce161905340647b6824d0a7c4 (diff)
Update graph data when Emacs node changes + minor improvements
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]} />
-}