How pass Data to next screen from listview like image in flutter - flutter

Question

i need to pass string and image to next screen from list view and that string and image are in listview
how should i pass them in flutter.
i have items in categories.dart
import 'package:flutter/material.dart';## Heading ##
List categories = [
{
"name": "Indian",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/indian.jpg"},
{
"name": "Italian",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/food1.jpeg"
},
{
"name": "Chinese",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/food2.jpeg"
},
{
"name": "Nigerian",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/food3.jpeg"
},
{
"name": "Spanish",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/food4.jpeg"
},
{
"name": "Mexican",
"color1": Color.fromARGB(100, 0, 0, 0),
"color2": Color.fromARGB(100, 0, 0, 0),
"img": "assets/food5.jpeg"
},
];
And my listview On first screen is on home.dart
Container(
height: MediaQuery.of(context).size.height/6,
child: ListView.builder(
primary: false,
scrollDirection: Axis.horizontal,
shrinkWrap: true,
itemCount: categories == null ? 0:categories.length,
itemBuilder: (BuildContext context, int index) {
Map cat = categories[index];
return
new InkWell(
onTap:() {
Navigator.of(context)
.push(MaterialPageRoute<Null>(builder: (BuildContext context) {
print(cat);
return new Manu_screen();
}));
},
child: Padding(
padding: EdgeInsets.only(right: 10.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(8.0),
child: Stack(
children: <Widget>[
Image.asset(
cat["img"],
height: MediaQuery.of(context).size.height/6,
width: MediaQuery.of(context).size.height/6,
fit: BoxFit.cover,
),
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
// Add one stop for each color. Stops should increase from 0 to 1
stops: [0.2, 0.7],
colors: [
cat['color1'],
cat['color2'],
],
// stops: [0.0, 0.1],
),
),
height: MediaQuery.of(context).size.height/6,
width: MediaQuery.of(context).size.height/6,
),
Center(
child: Container(
height: MediaQuery.of(context).size.height/6,
width: MediaQuery.of(context).size.height/6,
padding: EdgeInsets.all(1),
constraints: BoxConstraints(
minWidth: 20,
minHeight: 20,
),
child: Center(
child: Text(
cat["name"],
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
),
),
],
),
),
)
);
},
),
),
i need to get the data in categories to my secound screen how do i get it

Answer 1

You can pass an argument to your second screen:
Navigator.of(context).push(
MaterialPageRoute(
builder: (BuildContext context) {
print(cat);
return new Manu_screen(cat);
}
)
);
// Snippet from #Can Taşpınar
class Manu_screen extends StatelessWidget {
final Map cat;
Manu_screen({Key key, this.cat}) : super(key: key);
#override
Widget build(BuildContext context) {
return Center(
child: Text(cat["name"]),
);
}
}

Answer 2

As #Martyns said and Manu_screen can be like this:
class Manu_screen extends StatelessWidget {
final Map cat;
Manu_screen({Key key, this.cat}) : super(key: key);
#override
Widget build(BuildContext context) {
return Center(
child: Text(cat["name"]),
);
}
}