Skip to content

Commit b4899b7

Browse files
committed
useImageDimensions API
1 parent 2c2c44e commit b4899b7

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

README.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,28 @@ const { width, height } = useDimensions().window
104104
const screen = useDimensions().screen
105105
```
106106

107+
### `useImageDimensions`
108+
109+
```js
110+
import { useImageDimensions } from '@react-native-community/hooks'
111+
112+
const assetSource = require('./assets/yourImage.png')
113+
const uriSource = { uri: 'https://your.image.URI' }
114+
const mixedSources = [assetSource, uriSource]
115+
116+
const dimensions = useImageDimensions(assetSource)
117+
// or
118+
const dimensions = useImageDimensions(uriSource, () => console.error('Loading failure ...'))
119+
// or
120+
const dimensions = useImageDimensions(mixedSources[i], () => console.error('Loading failure ...'))
121+
122+
if (typeof dimensions === 'undefined') {
123+
return null
124+
}
125+
126+
const { width, height } = dimensions
127+
```
128+
107129
### `useKeyboard`
108130

109131
```js

0 commit comments

Comments
 (0)