Image 这是一张糖果图片。我如何用1个手指的双击来放大图像,而不需要2个手指?
这是一张糖果图片。我如何用1个手指的双击来放大图像,而不需要2个手指?当滑动图像滑出页面时,如何使其弹出 尝试通过1个手指双击来实现缩放/平移图像,而不需要2个手指来展开缩放图像。这段代码有两个问题,我想知道是否有人有任何想法。这个类非常简单,只有两个字符串:传入的图像和标题 1,我需要图像在双击时展开。我希望用户能够用一个手指而不是两个手指来扩展图像。我想我需要把这个代码放在最后。 好的一面是,一旦展开,双击可以减小图像大小。当它处于正常尺寸时,我如何让它做相反的事情 2、图像滑离页面会导致黑屏。谢天谢地,这不会冻结或崩溃应用程序,但它会让用户留下一个空白屏幕,并且需要按下系统后退按钮。我想幻灯片的结果是导航弹出回到原来的屏幕 首先,这里有一个示例代码,说明如何将图像和标题传递到expandimage.dartImage 这是一张糖果图片。我如何用1个手指的双击来放大图像,而不需要2个手指?,image,flutter,zooming,Image,Flutter,Zooming,这是一张糖果图片。我如何用1个手指的双击来放大图像,而不需要2个手指?当滑动图像滑出页面时,如何使其弹出 尝试通过1个手指双击来实现缩放/平移图像,而不需要2个手指来展开缩放图像。这段代码有两个问题,我想知道是否有人有任何想法。这个类非常简单,只有两个字符串:传入的图像和标题 1,我需要图像在双击时展开。我希望用户能够用一个手指而不是两个手指来扩展图像。我想我需要把这个代码放在最后。 好的一面是,一旦展开,双击可以减小图像大小。当它处于正常尺寸时,我如何让它做相反的事情 2、图像滑离页面会导致黑
FlatButton(
child: Image.asset(_kAsset5),
onPressed: () async {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => ExpandImage(
image: _kAsset5,
title: "\'go help\' 1",
)),
);
},
),
下面是我在“expandimage.dart”中使用的代码,其中很多代码都基于Flatter candies/extended image示例中的平移/缩放示例
import 'package:flutter/material.dart';
import 'package:extended_image/extended_image.dart';
class ExpandImage extends StatelessWidget {
final String image, title;
ExpandImage({this.image, this.title});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.red[900],
appBar: AppBar(
backgroundColor: Colors.red[900],
leading: IconButton(
icon: Icon(Icons.close),
onPressed: Navigator.of(context).pop,
),
title: Text(
title,
style: TextStyle(
color: Colors.yellow,
inherit: true,
fontWeight: FontWeight.w300,
fontStyle: FontStyle.italic,
letterSpacing: 2.0, //1.2
),
),
centerTitle: true,
),
body: SizedBox.expand(
// child: Hero(
// tag: heroTag,
child: ExtendedImageSlidePage(
slideAxis: SlideAxis.both,
slideType: SlideType.onlyImage,
child: ExtendedImage(
//disable to stop image sliding off page && entering dead end without back button.
//setting to false means it won't slide at all.
enableSlideOutPage: true,
mode: ExtendedImageMode.gesture,
initGestureConfigHandler: (state) => GestureConfig(
minScale: 1.0,
animationMinScale: 0.8,
maxScale: 3.0,
animationMaxScale: 3.5,
speed: 1.0,
inertialSpeed: 100.0,
initialScale: 1.0,
inPageView: false,
),
// onDoubleTap: ? zoom in on image
fit: BoxFit.scaleDown,
image: AssetImage(
image,
),
),
),
),
),
);
}
}
下面是传入的示例图像。滑动图像时,页面变为红色,然后图像滑离页面时,页面变为黑色。
我可以看到,这一点现在记录在这里:@Vishnu,这一记录是其他更大记录的一部分,你不能只是复制过去