Passing Data with Route in Flutter

main.dart

import 'package:flutter/material.dart';

class Article {
  String name, detail;
  Article(this.name, this.detail);
}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  final articleList = List<Article>.generate(20, (i){
    return Article("Article number $i", "This is the detail of article $i");
  });

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text("Flutter List View with Divider"),
        ),
        body: ListView.separated(
            itemBuilder: (BuildContext context, int index){
              return ListTile(
                      title: Text(articleList[index].name),
                      subtitle: Text(articleList[index].detail),
                      onTap: (){
                        Navigator.push(context, MaterialPageRoute(
                          builder: (context) => DetailScreen(articleList[index])
                        ));
                      },
              );
            },
            separatorBuilder: (BuildContext context, int index) => Divider(),
            itemCount: articleList.length
        ),
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  final Article selectedArticle;

  DetailScreen(this.selectedArticle);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(selectedArticle.name)
      ),
      body: Center(
        child: Text(selectedArticle.detail),
      ),
    );
  }
}