Next.js 13 / bootstrap 5我需要能够放大插图的网站。当你点击图片时，可以说它会全屏显示。我更喜欢用next/image来做这件事，但我在文档中没有看到这个功能。
在研究解决方案时，我研究了React图像放大，快速图像缩放，下一个图像缩放。我已经决定使用react-image-magnify，但它不能在react 18上工作，它需要react 16，而nextjs 13需要react 18。
我只是在寻找什么被认为是一个标准的软件包在未来13缩放图像？只要点击图片，页面就会被放大的图片占据。
新到这个平台，我犹豫采取下面的resolve-report.txt解决方案，我想这可能不是一个好主意？
修复上游依赖项冲突，或使用--force或--legacy-peer-deps重试此命令，以接受不正确的（可能已损坏的）依赖项解析。
1条答案
按热度按时间q3qa4bjr1#
如果你选择使用“react-image-magnify”，请记住，你将不再使用“next/image”组件，这意味着你将无法访问其默认的好处。但是，您想要实现的功能可能在'react-image-magnify'包中缺失。
如果您打算使用“next/image”开发一个定制的解决方案，可能需要使用它的“ref”属性。我相信这个特殊的功能只在13.0.6版本以后的“next/image”中可用。