Flutter/画像/画像viewer - 変更履歴

Admin: /* 画像アニメーション(hero) */

2020-01-24T14:51:41Z

‎画像アニメーション(hero)

2020-01-24T14:51:13Z

‎画像アニメーション(hero)

2020-01-24T14:50:59Z

‎一覧から次前へ移動できるviewerへ

2020-01-24T14:47:09Z

2020-01-17T19:10:17Z

‎一覧から次前へ移動できるviewerへ

2020-01-17T19:09:56Z

‎次前へ移動できるviewer

2020-01-17T08:36:45Z

‎次前へ移動できるviewer

2020-01-17T06:38:36Z

‎サンプル

2020-01-17T03:16:23Z

‎サンプル

2020-01-17T02:41:51Z

‎サンプル

@@ 行138: / 行138: @@
 ==画像アニメーション(hero)==
-heroを使うには、遷移先、遷移元のimageを以下のようにする。
+heroを使うには、遷移先、遷移元のimageを以下のようにする。tagの文字列を一致させる。
 photoViewでは

@@ 行139: / 行139: @@
 ==画像アニメーション(hero)==
 heroを使うには、遷移先、遷移元のimageを以下のようにする。
 photoViewでは
 <pre>

←前の版		2020年1月24日 (金) 14:50時点における版
行136:		行136:
	</pre>		</pre>
	imgsにはnullを一度でも入れると初回の一枚目が開いてしまう。asyncを使って取得するのではなく、Navigatorからそのまま値を渡したほうが良い。		imgsにはnullを一度でも入れると初回の一枚目が開いてしまう。asyncを使って取得するのではなく、Navigatorからそのまま値を渡したほうが良い。
		+
		+	==画像アニメーション(hero)==
		+	heroを使うには、遷移先、遷移元のimageを以下のようにする。
		+	photoViewでは
		+	<pre>
		+	PhotoViewGalleryPageOptions(
		+	heroAttributes: PhotoViewHeroAttributes(tag: url),
		+	)
		+	</pre>
		+	遷移先、遷移元
		+	<pre>
		+	Hero(
		+	tag: url,
		+	child: Image.network(url)
		+	),
		+	</pre>

@@ 行105: / 行105: @@
            minScale: PhotoViewComputedScale.contained * 0.7,
            maxScale: PhotoViewComputedScale.covered * 2,
-           heroAttributes: PhotoViewHeroAttributes(tag: widget.imgs[index].num),
+           heroAttributes: PhotoViewHeroAttributes(tag: widget.imgs[index].url),
          );
        },

@@ 行104: / 行104: @@
            initialScale: PhotoViewComputedScale.contained,
            minScale: PhotoViewComputedScale.contained * 0.7,
            maxScale: PhotoViewComputedScale.covered * 2,
            heroAttributes: PhotoViewHeroAttributes(tag: widget.imgs[index].num),

@@ 行60: / 行60: @@
          );
 </pre>
 参考：https://resocoder.com/2019/05/04/flutter-photo-view-gallery-resize-rotate-image-carousel/
 参考：https://www.cnblogs.com/gggggggxin/p/11195401.html

←前の版		2020年1月17日 (金) 08:36時点における版
行61:		行61:
	</pre>		</pre>
	参考：https://resocoder.com/2019/05/04/flutter-photo-view-gallery-resize-rotate-image-carousel/		参考：https://resocoder.com/2019/05/04/flutter-photo-view-gallery-resize-rotate-image-carousel/
		+
		+	参考：https://www.cnblogs.com/gggggggxin/p/11195401.html

@@ 行10: / 行10: @@
 ==サンプル==
-ローカル画像
+===ローカル画像===
 <pre>
 import 'package:photo_view/photo_view.dart';
@@ 行20: / 行20: @@
 </pre>
-ネット画像
+===ネット画像===
 <pre>
 import 'package:photo_view/photo_view.dart';
@@ 行32: / 行32: @@
 imageUrlにはnullを一度でも入れると表示されなくなる。asyncを使ってる場合は注意。値渡しはprefを経由するなどではなく、Navigatorからそのまま値を渡したほうが良いかも。

@@ 行26: / 行26: @@
      PhotoView photoView = PhotoView(
            imageProvider: NetworkImage(imageUrl),
         );
+}

←前の版		2020年1月17日 (金) 02:41時点における版
行30:		行30:
	</pre>		</pre>

−	~~imageUrlにはnullを一度でも入れると表示されなくなる。asyncを使ってる場合は注意。値渡しはprefなどではなく、そのまま値を渡したほうが良いかも。~~	+	imageUrlにはnullを一度でも入れると表示されなくなる。asyncを使ってる場合は注意。値渡しはprefを経由するなどではなく、Navigatorからそのまま値を渡したほうが良いかも。