import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: MyWidget(),
),
);
}
class MyWidget extends StatelessWidget {
const MyWidget({Key? key}) : super(key: key);
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter Rein Demo'),
),
body: Center(
child: InkWell(
onTap: () => Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => ImageDetailPage(
key: key,
),
),
),
child: Hero(
tag: 'Test',
child: Image.network('https://i.imgur.com/Y8WHhk2.jpg'),
),
),
),
);
}
}
class ImageDetailPage extends StatelessWidget {
const ImageDetailPage({Key? key}) : super(key: key);
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Hero(
tag: 'Test',
child: Image.network('https://i.imgur.com/Y8WHhk2.jpg'),
),
);
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.