【问题标题】:Flutter Image Carousel Click and ZoomFlutter Image Carousel 点击和缩放
【发布时间】:2019-01-21 09:35:46
【问题描述】:

我是 Flutter 的新手,我一直在做需要能够缩放的图像轮播。因为我的图像是海报。

【问题讨论】:

  • 为什么要降级?我在网上找不到。我发现的只是无法缩放的图像轮播。如果可缩放,我们无法缩放到整个图像。
  • 您能否提供代码来显示您目前拥有或尝试过的内容?
  • 谢谢@AlexMeuer。我在下面提供了代码作为答案(但还不行)。

标签: flutter carousel


【解决方案1】:

现在,在颤振中,我找到了制作图像轮播的方法,点击时可以放大到高度。还有一个难点,就是图片放大后点击返回键,app就关闭了。如何管理应用程序以 --> 图片缩放 -> 点击后退按钮 -> 在不关闭应用程序的情况下再次显示原始图片轮播?

    import 'package:flutter/material.dart';
    import './app_bar.dart';
    import 'package:photo_view/photo_view.dart';
    import 'package:photo_view/photo_view_gallery.dart';
    void main() => runApp(MyApp());
    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
        home: GalleryExample(),
    );}}
    class Galleryimage extends StatelessWidget{
      @override
       Widget build(BuildContext context) {
        return Container(
            child: PhotoViewGallery(
              pageOptions: <PhotoViewGalleryPageOptions>[
                PhotoViewGalleryPageOptions(
              imageProvider: AssetImage("images/onegap.png"),
              heroTag: "tag1",
            ),
            PhotoViewGalleryPageOptions(
                imageProvider: AssetImage("images/onehnan.png"),
                heroTag: "tag2",
                ),
            PhotoViewGalleryPageOptions(
              imageProvider: AssetImage("images/onesite.png"),
              heroTag: "tag3",
            ),
          ],
        ));}}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-04
    • 1970-01-01
    • 2012-02-19
    • 2013-12-18
    • 2015-02-11
    • 1970-01-01
    相关资源
    最近更新 更多