如何使用photo_view包实现图片默认以BoxFit.cover效果适配屏幕边界
PhotoView初始设置BoxFit.cover效果的实现方法
可以直接通过PhotoView自带的参数实现初始适配效果,不需要额外自定义双击触发逻辑。
你只需要在原有代码的基础上补充fit和initialScale两个参数即可:
PhotoView( imageProvider: NetworkImage(url), // 设置图片适配模式为BoxFit.cover fit: BoxFit.cover, // 初始缩放比例设置为刚好撑满容器边界,和双击触发的适配效果完全一致 initialScale: PhotoViewComputedScale.covered, )
补充说明:
- 仅设置
fit: BoxFit.cover也能实现基础的撑满效果,搭配initialScale: PhotoViewComputedScale.covered可以和双击后达到的缩放状态完全对齐 - 如果需要限制用户操作时的缩放范围,还可以追加
minScale和maxScale参数,比如需要固定图片不可缩放时,可以把两个参数都设置为PhotoViewComputedScale.covered
内容的提问来源于stack exchange,提问作者rozerro
相关产品推荐
相关产品推荐

