A complete and cross-platform card.io component for React Native (iOS and Android).
A framework for building native applications using React
Operating System:
Platform: darwin
Arch: arm64
Version: Darwin Kernel Version 21.6.0: Thu Sep 29 20:13:56 PDT 2022; root:xnu-8020.240.7~1/RELEASE_ARM64_T6000
Binaries:
Node: 16.13.2
npm: 8.12.1
Yarn: 1.22.19
pnpm: 7.14.2
Relevant packages:
next: 13.0.2
eslint-config-next: 13.0.2
react: 18.2.0
react-dom: 18.2.0
Chrome 107.0.5304.87
No response
When using the Image
component (Next.js v13) with fill
and a blurDataURL
, the blurred placeholder is not taking the full width of the viewport as the loaded image does.
I stumbled across this PR which fixed some bugs related to the blur placeholder. It seems that adding preserveAspectRatio="none"
to the generated SVG without width / height would fix the issue but I don't know the implications.
Also, why is it an SVG and not just the base64
image as it was on Next.js v12?
The blurred SVG should take the full width of the viewport and not display empty spaces around the image. It was working correctly on Next.js v12.
https://codesandbox.io/s/goofy-orla-v8kciw
Use an Image
component with fill
and a blurDataURL
.