Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

How to add full scroll to the page in flutter?

I have tabs with pages. I need to add the ability to fully scroll the page. Now I have a separate scrolling list, which is located at the bottom of the page. But I need to be able to scroll the entire page. I tried to add a ListView but it didn’t work for me and an error occurred, tell me how to add a scroll?

return Container(
      decoration: BoxDecoration(
        color: constants.Colors.greyXDark.withOpacity(0.8),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const SizedBox(height: 15),
          Padding(
            padding: const EdgeInsets.only(right: 11),
            child: Align(
              alignment: Alignment.topRight,
              child: GestureDetector(
                onTap: () {
                  setState(() {
                    isCalendar = !isCalendar;
                  });
                },
                child: SvgPicture.asset(
                  isCalendar
                      ? constants.Assets.burgerMenuDots
                      : constants.Assets.calendarBooking,
                  height: isCalendar ? 16 : 20,
                ),
              ),
            ),
          ),
          SizedBox(height: isCalendar ? 17 : 0),
          Align( 
            alignment: Alignment.centerLeft,
            child: const Padding(
              padding: EdgeInsets.symmetric(horizontal: 20),
              child: Text.rich(
                TextSpan(
                  text: 'Show only ',
                  style: TextStyle(
                    fontFamily: constants.FontFamily.AvenirLtStd,
                    fontSize: 18,
                    fontWeight: FontWeight.w400,
                    color: constants.Colors.white,
                    decoration: TextDecoration.underline,
                  ),
                  children: [
                    TextSpan(
                      text: 'Pending Bookings',
                      style: TextStyle(
                        fontFamily: constants.FontFamily.AvenirLtStd,
                        fontSize: 18,
                        fontWeight: FontWeight.w400,
                        color: constants.Colors.yellow,
                        decoration: TextDecoration.underline,
                        decorationColor: constants.Colors.yellow,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          const SizedBox(height: 10),
          isCalendar
              ? Expanded(
                  child: MediaQuery.removePadding(
                    context: context,
                    removeTop: true,
                    child: ListView(
                      children: const [
                        SizedBox(height: 10),
                        CalendarBooking(),
                      ],
                    ),
                  ),
                )
              : Expanded(
                  child: Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 20),
                    child: MediaQuery.removePadding(
                      context: context,
                      removeTop: true,
                      child: Padding(
                        padding: const EdgeInsets.only(top: 24, bottom: 18),
                        child: isOrders
                            ? const ListPoyntsBookings()

>Solution :

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

Have you tried wrapping your root widget with SingleChildScrollView ? If the widget tree contains ListView you should set it’s ShrinkWrap parameter to true.

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading