Flutter ListView not scrolling when CustomCard wrapper by GestureDetector

Question

I have a ListView to display a list of Cards. When user clicks on card, the Details Page is called. To recognize the Tap gesture, I wrapped the CustomCard with the GestureDetector, but after this the List is not scrolling anymore.

class PageUI extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              SizedBox(height: 48),
              Text(
                'PageTitle',
                style: Get.theme.textTheme.headline5,
              ),
              SizedBox(height: 18),
              ListView.builder(
                  scrollDirection: Axis.vertical,
                  shrinkWrap: true,
                  itemCount: list.length,
                  itemBuilder: (context, index) => GestureDetector(
                    child: CustomCard(item: list[index]),
                    onTap: () {
                      // Navigate to DetailsPage
                    },
                  ),
                ),
            ],
          ),
        ),
    );
  }
}

Jahidul Islam · Accepted Answer · 2021-04-22 05:52:40Z

4

Please try

ListView.builder(
              scrollDirection: Axis.vertical,
              shrinkWrap: true,
              physics: NeverScrollableScrollPhysics(),
              itemCount: 10,
              itemBuilder: (context, index) => GestureDetector(
                child: CustomCard(item: list[index]),
                onTap: () {
                  // Navigate to DetailsPage
                },
              ),
            ),

answered Apr 22, 2021 at 5:52

Jahidul Islam

12.7k3 gold badges20 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bruno Neuman Over a year ago

Works really nice... solved my problem immediately

Collectives™ on Stack Overflow

Flutter ListView not scrolling when CustomCard wrapper by GestureDetector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related