Как добавить прокрутку в элементы нижней панели навигации

Я реализовал приложение, которое перемещается по нескольким экранам. Я добавил нижнюю панель навигации и 1-ю вкладку. Я добавил страницу с элементами просмотра списка с данными sqlflite. Я не могу прокручивать данные просмотра списка. другие вкладки, которые я добавил, чтобы показать другой экран. код ниже.

//this is my homepage screen

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  late List<LeaveModel> _leaveList = [];
  final _userService = LeaveService();
  int _selectedIndex = 0;

  @override
  void initState() {
    getAllUserDetails();

    super.initState();
  }

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

Я создал нижнюю панель навигации с 4 элементами.

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: const Icon(Icons.menu),
          onPressed: () {},
        ),
        title: const Text('Leave Tracker'),
        actions: <Widget>[
          IconButton(
            icon: const Icon(Icons.notifications),
            onPressed: () {},
          ),
          IconButton(
            icon: const Icon(Icons.add_box),
            onPressed: () {
              Navigator.push(context,
                      MaterialPageRoute(builder: (context) => AddLeave()))
                  .then((data) {
                if (data != null) {}
                getAllUserDetails();
              });
            },
          )
        ],
      ),
      bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        currentIndex: _selectedIndex,
        onTap: _onItemTapped,
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.man),
            label: 'All',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.sick_rounded),
            label: 'Sick',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.holiday_village),
            label: 'Casual',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.weekend),
            label: 'Other',
          ),
        ],
      ),

Из этих 4 элементов перейдите на 3 разных экрана. 1-й элемент ссылается на одну и ту же страницу. (HomePage())

 body: Center(
        child: _selectedIndex == 0
            ? myListView(context)
            : _selectedIndex == 1
                ? AllSickLeave()
                : _selectedIndex == 2
                    ? AllCasualLeave()
                    : ViewOtherLeave(),
      ),
    );
  }

В HomePage() я добавляю список и беру данные из базы данных sqlflite.

getAllUserDetails() async {
    var users = await _userService.readAllLeave();
    _leaveList = <LeaveModel>[];
    users.forEach((leave) {
      setState(() {
        var leaveModel = LeaveModel();
        leaveModel.id = leave['id'];
        leaveModel.leaveType = leave['leaveType'];
        leaveModel.leaveStartDate = leave['leaveStartDate'];
        leaveModel.leaveEndDate = leave['leaveEndDate'];
        leaveModel.reason = leave['reason'];
        leaveModel.leaveDays = leave['leaveDays'];
        _leaveList.add(leaveModel);
      });
    });
  }

  Widget myListView(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
            SizedBox(
              height: 5.0,
            ),
            Text(
              'All Leave Details',
              style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
            ),
            ListView.builder(
                shrinkWrap: true,
                itemCount: _leaveList.length,
                itemBuilder: (context, index) {
                  return Card(
                    child: ListTile(
                      title: Text(
                          'Leave Type : ${_leaveList[index].leaveType ?? ''}'),
                      subtitle: Text('Reason : ${_leaveList[index].reason}'),
                      trailing: Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          IconButton(
                              onPressed: () {},
                              icon: Icon(
                                Icons.edit,
                                color: Colors.teal,
                              )),
                          IconButton(
                              onPressed: () {},
                              icon: Icon(
                                Icons.delete,
                                color: Colors.red,
                              )),
                        ],
                      ),
                    ),
                  );
                }),
          ],
        ),
      ),
    );
  }
}