ExampleListPageFirst.dart

import 'package:flutter/material.dart';

class ListFirstPage extends StatefulWidget {
  @override
  _ListFirstPageState createState() => _ListFirstPageState();
}

class _ListFirstPageState extends State<ListFirstPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Page'),
      ),
      body: Column(
        children: <Widget>[
          GestureDetector(
            onTap: () {
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => ListSecondPage()));
            },
            child: Card(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(30),
                  side: BorderSide(color: Colors.black, width: 2)),
              child: Container(
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height * .1,
                child: Center(
                  child: Text('List 1',
                      style: TextStyle(fontSize: 28, color: Colors.black)),
                ),
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => ListSecondPage()));
            },
            child: Card(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(30),
                  side: BorderSide(color: Colors.black, width: 2)),
              child: Container(
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height * .1,
                child: Center(
                  child: Text('List 2',
                      style: TextStyle(fontSize: 28, color: Colors.black)),
                ),
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => ListSecondPage()));
            },
            child: Card(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(30),
                  side: BorderSide(color: Colors.black, width: 2)),
              child: Container(
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height * .1,
                child: Center(
                  child: Text('List 3',
                      style: TextStyle(fontSize: 28, color: Colors.black)),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

class ListSecondPage extends StatefulWidget {
  @override
  _ListSecondPageState createState() => _ListSecondPageState();
}

class _ListSecondPageState extends State<ListSecondPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Page'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: SizedBox(
                height: 500,
                child: ListView(
                  children: <Widget>[
                    Center(
                      child: Text('List 1'),
                    ),
                    ListTile(
                      title: Text('Item 1'),
                    ),
                    ListTile(
                      title: Text('Item 2'),
                    )
                  ],
                )),
          ),
          Expanded(
            child: SizedBox(
                height: 500,
                child: ListView(
                  children: <Widget>[
                    Center(
                      child: Text('List 2'),
                    ),
                    ListTile(
                      title: Text('Item 3'),
                    ),
                    ListTile(
                      title: Text('Item 4'),
                    )
                  ],
                )),
          ),
          Expanded(
            child: SizedBox(
                height: 500,
                child: ListView(
                  children: <Widget>[
                    Center(
                      child: Text('List 3'),
                    ),
                    ListTile(
                      title: Text('Item 5'),
                    ),
                    ListTile(
                      title: Text('Item 6'),
                    )
                  ],
                )),
          ),
        ],
      ),
    );
  }
}