So i'm trying to remove space from my column, Below is the parent part,
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.max,
children: [
// Other widget //
Container(
margin: EdgeInsets.only(left: 10, right: 10, top: 5, bottom: 5),
height: widget.height ?? 325,
child: listWebbinar(),
),
],
);
listWebbinar is the part that i want to remove the empty spaces, here is the script
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: buildPageView(
_pageController, snapshot.data.length, snapshot.data),
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SmoothPageIndicator(
controller: _pageController,
count: snapshot.data.length,
effect: WormEffect(
activeDotColor: AppColors.primary,
dotWidth: 10.h,
dotHeight: 10.h,
),
),
],
),
],
);
buildPageView contain pagebuilder, here is the script
Widget buildPageView(
PageController controller, int itemlength, List<Education> education) {
return PageView.builder(
controller: controller,
itemCount: itemlength,
physics: ClampingScrollPhysics(),
onPageChanged: (page) {
setState(() {
// currentPage = page;
});
},
itemBuilder: (context, index) {
return pageContent(education[index]);
},
);
}
and the last one is pageContent
Widget pageContent(Education pageData) {
return InkWell(
onTap: () async {},
child: Container(
color: Colors.red,
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: 16 / 9,
child: CachedNetworkImage(
imageUrl: "https://via.placeholder.com/200x100",
placeholder: (context, url) => MyLoader(),
errorWidget: (context, url, error) => ThumnailError(),
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider,
fit: BoxFit.fill,
),
),
),
),
),
SizedBox(
height: 5.h,
),
Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Text(
"Title",
style:
TextStyle(fontSize: 18.sp, fontWeight: FontWeight.bold),
),
),
],
),
],
),
),
);
}
from my script above here is the result. As you can see there is a gap between my slider and my slider indicator, So how can i remove the blank space there (red color)?


