title: How to make a fullscreen image, from dynamic Flutter list?
body: <p>New to Flutter here, my problem is that i have a list with dynamic images from model folder with a fixed width and height. All i want is to make the images fullscreen with onTap or onPressed functions. I was trying with Hero without success.</p>
  
  <pre><code>import 'package:flutter/material.dart';
  import 'package:provider/provider.dart';
  import '../model/events.dart';
  import '../styleguide.dart';
  
  class ImagesCarousel extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      final event = Provider.of&lt;Events&gt;(context);
      return Column(
        children: &lt;Widget&gt;[
          if (event.galleryImages
              .isNotEmpty) //---------------------------------------GALERY
            Row(
              children: &lt;Widget&gt;[
                Padding(
                  padding: const EdgeInsets.only(left: 16.0, top: 16, bottom: 26),
                  child: Text(
                    "GALLERIA",
                    style: guestTextStyle,
                  ),
                ),
              ],
            ),
          SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: Row(
              children: &lt;Widget&gt;[
                for (final galleryImagePath in event.galleryImages)
                  Container(
                    margin:
                        const EdgeInsets.only(left: 16, right: 16, bottom: 32),
                    child: ClipRRect(
                      borderRadius: BorderRadius.all(Radius.circular(20)),
                      child: Image.asset(
                        galleryImagePath,
                        width: 200,
                        height: 200,
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
              ],
            ),
          ),
        ],
      );
    }
  }
  </code></pre>