実現したいこと
- Flutterで画像をタップした際に、拡大画像が表示されるプログラムを書いており、すでに外側は構築できたが、外側に関しては、もうだいぶできているので中身の部分に関しての実装のイメージが湧かないのでアドバイスいただければと思っています。
前提
現在、Flutterでアプリを趣味で開発しており、投稿された画像をタップすると拡大画像として画面に表示されるというもの(Twitterみたいなやつ)を作っていて外側はすでに作り終えた状況です。
Flutterでのデータ、値の受け渡しについて以下のページがヒットし、それに準ずる形でこれから値の受け渡しに関して書いていこうと思っています。ですが、まだまだ経験が浅いこともありどのような形で書いていけば良いかよく分かり切っていない状況です。実装のイメージも湧いていない状況なのでアドバイスいただきたいです。長くなるので呼び出し元のコードはコメント欄に記載します。
発生している問題・エラーメッセージ
該当のソースコード
image_zoom_page.dart
1import 'package:chat_app/pages/home_page.dart'; 2import 'package:flutter/material.dart'; 3 4class ImageZoomPage extends StatefulWidget { 5 const ImageZoomPage({super.key}); 6 7 @override 8 State<ImageZoomPage> createState() => _ImageZoomPageState(); 9} 10 11class _ImageZoomPageState extends State<ImageZoomPage> { 12 @override 13 Widget build(BuildContext context) { 14 return Scaffold( 15 backgroundColor: Colors.black, 16 appBar: AppBar( 17 backgroundColor: Colors.black, 18 leading: Container( 19 decoration: const BoxDecoration( 20 shape: BoxShape.circle, 21 ), 22 child: CircleAvatar( 23 backgroundColor: Colors.transparent, 24 child: IconButton( 25 icon: const Icon(Icons.clear), 26 onPressed: () { 27 Navigator.pop( 28 context, 29 MaterialPageRoute( 30 builder: (context) => const HomePage(), 31 ), 32 ); 33 }, 34 ), 35 ), 36 ), 37 ), 38 body: Column( 39 children: const [ 40 Expanded( 41 child: Align( 42 alignment: Alignment.topCenter, 43 child: Image( 44 image: NetworkImage( 45 "https://images.unsplash.com/photo-1472396961693-142e6e269027?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxNTgwfDB8MXxzZWFyY2h8Mjl8fE5hdHVyZXxlbnwwfHx8fDE2NzgwODY0NTY&ixlib=rb-4.0.3&q=80&w=400", 46 ), 47 ), 48 ), 49 ), 50 ], 51 ), 52 ); 53 } 54} 55
試したこと
Flutterでの値の受け渡し方法、データそのままに値を次の画面に引き継ぐ方法についてググったところ、以下のページにヒット。
補足情報(FW/ツールのバージョンなど)

回答1件
あなたの回答
tips
プレビュー