Trying to make Gridview builder scroll - flutter

Question

so i have a Gridview builder kept in an expanded widget. the reason i kept it is because i have other widgets built above this Grid view so the idea was to have the Gridview builder take the remaining available space in the device. if i just kept the grid view builder alone, a renderflex error would occur and i dont want to put the gridview in a container because i want it to take the remaining available space in the device. the problem is that now the grid view refuses to scroll. how do i solve this.
Column(
children: [
Padding(
padding: const EdgeInsets.all(18.0),
child: SizedBox(
child: Row(
children: [
Text(results.length.toString(),
style: GoogleFonts.tenorSans(
fontSize: 20,
fontWeight: FontWeight.w500
),
),
const SizedBox(
width: 6,
),
Text('Dresses',
style: GoogleFonts.tenorSans(
fontSize: 20,
fontWeight: FontWeight.w500
),
),
const SizedBox(
width: 90,
),
Container(
height: 30,
width: 100,
child: DropdownButtonHideUnderline(
child: DropdownButton2(
iconOnClick: SvgPicture.asset('assets/iconImages/Back.svg'),
//dropdownOverButton: true,
buttonPadding: EdgeInsets.symmetric(horizontal: 13),
buttonDecoration: BoxDecoration(
color: Colors.grey.shade200,
borderRadius: BorderRadius.circular(20)
),
alignment: AlignmentDirectional.topStart,
dropdownElevation: 0,
isDense: true,
style: GoogleFonts.tenorSans(
fontSize: 15,
color: Colors.black
),
//menuMaxHeight: MediaQuery.of(context).size.height,
isExpanded: true,
value: _newItem,
icon: SvgPicture.asset('assets/iconImages/Forward.svg'),
items: nnew.map<DropdownMenuItem>((value){
return DropdownMenuItem(
value: value,
child: Text(value),
);
}).toList() ,
onChanged: (newValue){
if(newValue != _newItem){
switch(newValue){
case 'Tops': Navigator.push(context, MaterialPageRoute(builder: (context){
return const WomenTop();
}));
break;
case 'Shoes': Navigator.push(context, MaterialPageRoute(builder: (context){
return const WomenShoes();
}));
}
}
setState(() {
_newItem = newValue;
});
}
),
),
),
const SizedBox(
width: 10,
),
Container(
padding: EdgeInsets.all(6),
decoration: BoxDecoration(
color: Colors.grey.shade200,
borderRadius: BorderRadius.circular(15)
),
child: SvgPicture.asset('assets/iconImages/Listview.svg')
),
const SizedBox(
width: 10,
),
Container(
padding: EdgeInsets.all(6),
decoration: BoxDecoration(
color: Colors.grey.shade200,
borderRadius: BorderRadius.circular(15)
),
child: SvgPicture.asset('assets/iconImages/Filter.svg')
)
],
),
),
),
const SizedBox(
height: 6,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Row(
children: [
Container(
height: 40,
width: 120,
decoration: BoxDecoration(
border: Border(
top: BorderSide(
color: Colors.grey.shade400
),
bottom: BorderSide(
color: Colors.grey.shade400
),
left: BorderSide(
color: Colors.grey.shade400
),
right: BorderSide(
color: Colors.grey.shade400
),
),
borderRadius: BorderRadius.circular(25)
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Women',
style: GoogleFonts.tenorSans(
fontSize: 20,
fontWeight: FontWeight.w300
),
),
IconButton(
onPressed: (){},
icon: Icon(Icons.close)
)
],
),
),
const SizedBox(
width: 10,
),
Container(
height: 40,
width: 120,
decoration: BoxDecoration(
border: Border(
top: BorderSide(
color: Colors.grey.shade400
),
bottom: BorderSide(
color: Colors.grey.shade400
),
left: BorderSide(
color: Colors.grey.shade400
),
right: BorderSide(
color: Colors.grey.shade400
),
),
borderRadius: BorderRadius.circular(25)
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Dresses',
style: GoogleFonts.tenorSans(
fontSize: 20,
fontWeight: FontWeight.w300
),
),
IconButton(
onPressed: (){},
icon: Icon(Icons.close)
)
],
),
)
],
),
),
Expanded(
child: Padding(
padding: const EdgeInsets.all(10.0),
child: StaggeredGridView.countBuilder(
scrollDirection: Axis.vertical,
crossAxisCount: 2,
itemCount: results.length,
itemBuilder: (BuildContext ctx, index){
return Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
Container(
width: 250,
height: 250,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.cover,
image: NetworkImage(results[index]['image'])
)
),
),
const SizedBox(
height: 10,
),
Text('WM',
style: GoogleFonts.tenorSans(
fontWeight: FontWeight.w500,
fontSize: 15
),
),
const SizedBox(
height: 10,
),
Text(results[index]['name'],
style: GoogleFonts.tenorSans(
fontWeight: FontWeight.w500,
fontSize: 15
),
),
const SizedBox(
height: 5,
),
Text('\$${results[index]['price'].toString()}',
style: GoogleFonts.tenorSans(
fontWeight: FontWeight.w500,
fontSize: 17,
color: Colors.orange
),
)
],
),
);
},
staggeredTileBuilder: (context) => const StaggeredTile.fit(1)
),
),
)
],
)