Horizontally center a image slider in flutter - flutter

Question

I have a image slider in flutter where I want to vertically center the carousel. I'm using carousel_slider. And this here is my code:
Widget _buildItems(BuildContext context) {
return Column(
children: <Widget>[
appBar(context),
Center(
child: CarouselSlider(
options: CarouselOptions(
enlargeCenterPage: true,
enableInfiniteScroll: false,
autoPlay: false,
),
items: widget.recipeStepsList!
.map(
(e) => ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Stack(
fit: StackFit.expand,
children: <Widget>[
Container(
child: Text(
e.name!,
style: TextStyle(color: Colors.red),
),
),
Image.network(
e.stepThumbnailLink!,
width: 1000,
height: 200,
fit: BoxFit.cover,
),
],
),
),
)
.toList(),
),
),
],
);
}
As you can see, I've already wrapped everything inside a Center but this is the outcome of my code:
The only reason the back button is in place because it has a padding of 10. But since I'm building this application for all types of screens I need to keep the image slider exactly in the center.

Answer 1

The carousel is not coming in the center, since your Center widget is not actually taking up the full space and this is because it is inside a Column.
For widget like Row and Column, you can use Expanded widget to make any child take up the remaining space.
So, for your case, just wrap your Center inside an Expanded.
Here is the linkk to full working code.
Result,
Ignore the overflow warning, since that is happening because the carousel package is squishing view while scrolling.