how to enfor the Material Widget not to hide bottom widgets?

Viewed 47

I need to create a list of two Material Widget per raw. But the bottom row inside the material is hidden. the UI contains other widgets inside the column, but i do not include it because

the post notify me that it contains a lot of code.

what should i do to fix this issue?

*the UI is:

enter image description here

The clipped widget is:

enter image description here

The Code is:

Padding(
      padding: EdgeInsets.all(6.w),
      child: SingleChildScrollView(
        physics: const BouncingScrollPhysics(),
        scrollDirection: Axis.vertical,
        child: Column(
          children: [
            GridView.count(
              shrinkWrap: true,
              physics: const NeverScrollableScrollPhysics(),
              crossAxisCount: 2,
              mainAxisSpacing: 4,
              scrollDirection: Axis.vertical,
              crossAxisSpacing: 4.w,
              children: List.generate(4, (index) {
                return Material(
                  child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Wrap(
                      spacing: 5.0,
                      runSpacing: 5.0,
                      direction: Axis.vertical,
                      children: [
                        Row(
                          children: [
                            CircleAvatar(
                              foregroundColor: blackColor,
                              child: ClipOval(
                                child: Image.asset('assets/images/meta-logo.png'),
                              ),
                            ),
                            Padding(
                              padding: EdgeInsetsDirectional.only(start: 4.w),
                              child: Text(
                                "company_name".tr,
                                // textAlign: TextAlign.end,
                                style: Get.textTheme.headline3!
                                    .copyWith(color: faddenGreyColor),
                              ),
                            ),
                          ],
                        ),
                        Align(
                          alignment: AlignmentDirectional.centerStart,
                          heightFactor: 0.3.h,
                          child: Text(
                            "opportunity_title".tr,
                            style: Get.textTheme.headline4,
                          ),
                        ),
                        Row(
                          children: [
                            Icon(
                              Icons.calendar_today_outlined,
                              color: faddenGreyColor,
                              size: 13.sp,
                            ),
                            Padding(
                              padding: EdgeInsetsDirectional.only(start: 2.w),
                              child: Text(
                                "date".tr,
                                style: Get.textTheme.headline3!.copyWith(
                                  color: faddenGreyColor,
                                ),
                              ),
                            ),
                          ],
                        ),
                        Row(
                          children: [
                            Icon(
                              Icons.location_on_outlined,
                              color: faddenGreyColor,
                              size: 15.sp,
                            ),
                            Padding(
                              padding: EdgeInsetsDirectional.only(start: 2.w),
                              child: Text(
                                "location".tr,
                                style: Get.textTheme.headline3!.copyWith(
                                  color: faddenGreyColor,
                                ),
                              ),
}
0 Answers
Related