Add the option to pass headers to useImageDimensions

[thibmaek]

Summary

When using headers (for example for authentication) together with Image, you could not use useImageDimensions because it only included Image.getSize to determine the size of a remote image. This PR adds support for passing a second optional headers param to useImageDimensions which will then use Image.getSizeWithHeaders from React Native.

Test Plan

const ImageViewer = ({ uri, headers }) => {
  const { width, height } = useImageDimensions(uri, headers)
  return <Image style={{ width, height }} />
}

<ImageViewer uri="https://...." headers={{ authorization: `Bearer  ....` }} />

What's required for testing (prerequisites)?

A remote resource which requires a header (e.g auth header)

What are the steps to reproduce (after prerequisites)?

Compatibility

OS	Implemented
iOS	✅
Android	✅
Web	✅

Checklist

• I have tested this on a device and a simulator
• I added the documentation in README.md
• I updated the typed files (TS and Flow)
• I've created a snack to demonstrate the changes: LINK HERE

Notes

I edited this PR via Github, let me know if it requires changes

[GertjanReynaert]

Hey @LinusU, sorry for the direct mention, but I'm trying to get some movement in this PR.

I've fixed the CI issues for this PR and I'm wondering if you'd be able to take a look at it to see if it's good to merge/release.

[LinusU]

Sorry for not looking at this earlier, happy to merge if you can rebase on latest master ☺️

[LinusU]

Nice! 👍

[pvinis]

🚀 PR was released in v2.7.0 🚀