title: Flutter - Listview scroll behind another widget
body: <p>I am trying an appointment view in Flutter. All widgets initially placed ok but when I scroll the listview (list of available hours), the scrolling animation interferes with the element placed on top of it (the calendar). I know that I could use a dropdown but I prefer a list. I have tried several ideas from StackOverflow but still cannot make it work correctly</p>
  <p>Images for reference:</p>
  <p><a href="https://i.stack.imgur.com/l8QIO.png" rel="nofollow noreferrer">how it looks when started</a></p>
  <p><a href="https://i.stack.imgur.com/SM3yN.png" rel="nofollow noreferrer">after start scrolling</a></p>
  <pre><code>    //simple calender
  import 'package:flutter/material.dart';
  import 'package:hswebapp/days.dart';
  import 'package:hswebapp/hours.dart';
  import 'package:table_calendar/table_calendar.dart';
  
  void main() {
    runApp(MyApp());
  }
  
  class MyApp extends StatelessWidget {
    // This widget is the root of your application.
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Appointment view',
        theme: ThemeData(
  
          primarySwatch: Colors.purple,
        ),
        home: MyHomePage(title: 'Appointment view'),
      );
    }
  }
  
  class MyHomePage extends StatefulWidget {
    MyHomePage({Key? key, required this.title}) : super(key: key);
  
    final String title;
  
    @override
    _MyHomePageState createState() =&gt; _MyHomePageState();
  }
  
  class _MyHomePageState extends State&lt;MyHomePage&gt; {
    CalendarFormat _calendarFormat = CalendarFormat.twoWeeks;
    DateTime _focusedDay = DateTime.now();
    DateTime? _selectedDay;
    DateTime kFirstDay = DateTime.utc(2021, 1, 15);
    DateTime kLastDay = DateTime.utc(2022, 1, 20);
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        resizeToAvoidBottomInset: false,
          appBar: AppBar(
            title: Text('TableCalendar - Basics'),
          ),
          body: SafeArea(
            child: Column(
  
            children: &lt;Widget&gt;[
              daysCalender(),
              Text(&quot;Available Hours&quot;),
              const SizedBox(
                  height: 10,
                ),
            SingleChildScrollView(
            child: Container(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: &lt;Widget&gt;[
                  SizedBox(
                    height: 150,
                    child: 
              AvailableHours(),
                  )
            ],
          ) // your column1
        ),
      ),
              TextFormField(
                decoration: InputDecoration(
                    border: UnderlineInputBorder(), labelText: 'Name'),
              ),
              TextFormField(
                decoration: InputDecoration(
                    border: UnderlineInputBorder(), labelText: 'Phone'),
              ),
              TextButton(
                style: ButtonStyle(
                  foregroundColor: MaterialStateProperty.all&lt;Color&gt;(Colors.blue),
                ),
                onPressed: () {},
                child: Text('Confirm'),
              )
            ],
          ),
          ) 
          );
    }
  }
  </code></pre>