Please try this. This is Model Class
class Item{
String title;
String longText;
String imageUrl;
Item({this.title,this.longText,this.imageUrl});
}
this is First Screen
class FirstScreen extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<FirstScreen> {
List<Item> _itemList = [
Item(title: "title1", longText: "longtext1", imageUrl: "https://picsum.photos/200/300"),
Item(title: "tite2", longText: "longtext2", imageUrl: "https://picsum.photos/200/300")
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Sharing data between screens'),
),
body: Center(
child: ListView.builder(
itemCount: _itemList.length,
itemBuilder: (context, index) {
return InkWell(
onTap: (){
//this is where you navigate to new screen
// SecondScreen() should be name of the second screen you created
Navigator.push(
context,
MaterialPageRoute(builder: (context) => const SecondScreen(
)),
);
},
child: Card(
child: ListTile(
title: Text(titles[index]),
leading: const CircleAvatar(
backgroundImage: NetworkImage(
"https://wcs.smartdraw.com/chart/img/basic-bar-graph.png?bn=15100111840")),
trailing: Icon(icons[index]))),
);
});
}
}
this is details screen
import 'package:flutter/material.dart';
import 'model/item.dart';
class DetailScreen extends StatelessWidget {
final Item item;
const DetailScreen({Key key,this.item}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Detail Screen"),
),
body: Center(
child: Column(
children:[
Text(item.longText),
Image.network(item.imageUrl,fit: BoxFit.fill,),
]
),
),
);
}
}
Please try this.
This is Model Class
class Item{
String title;
String longText;
String imageUrl;
Item({this.title,this.longText,this.imageUrl});
}
this is First Screen
class FirstScreen extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<FirstScreen> {
List<Item> _itemList = [
Item(title: "title1", longText: "longtext1", imageUrl: "https://picsum.photos/200/300"),
Item(title: "tite2", longText: "longtext2", imageUrl: "https://picsum.photos/200/300")
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Sharing data between screens'),
),
body: Center(
child: ListView.builder(
itemCount: _itemList.length,
itemBuilder: (context, index) {
return GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => DetailScreen(item: _itemList[index])),
);
},
child: Container(margin: EdgeInsets.all(20), child: Text(_itemList[index].title)));
},
)));
}
}
this is details screen
import 'package:flutter/material.dart';
import 'model/item.dart';
class DetailScreen extends StatelessWidget {
final Item item;
const DetailScreen({Key key,this.item}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Detail Screen"),
),
body: Center(
child: Column(
children:[
Text(item.longText),
Image.network(item.imageUrl,fit: BoxFit.fill,),
]
),
),
);
}
}
