Home > Mobile >  The command I assigned for scroll direction in Flutter does not work
The command I assigned for scroll direction in Flutter does not work

Time:11-22

      child: Scaffold(
  body: SingleChildScrollView(
    child: Column(
      children: [
        _cardList(context),
        Column(
          children: [
            Expanded(
              child: ListView.builder(
                scrollDirection: Axis.vertical,
                shrinkWrap: true,
                itemCount: 3,
                itemBuilder: (context, index) {
                  return Card(
                    child: Image.asset('assets/images/horizontal.jpg'),
                  );
                },
              ),
            )
          ],
        ),

I created a list and added 3 images under each other. But I can't scroll down. I thought because I did Column in Column. But nothing changed when I deleted the Bottom Column.

CodePudding user response:

Wrap your ListView with Expanded for better performance, instead of using shrinkWrap: true

body: Column(
  children: [
    Expanded(
      child: ListView.builder(
        scrollDirection: Axis.vertical,
        itemCount: 3,

CodePudding user response:

you need to disable SingleChildScrollView scroll physic like this:

SingleChildScrollView(
        physics: NeverScrollableScrollPhysics(),//<-- add this
        child: Column(
          children: [
            ListView.builder(
              scrollDirection: Axis.vertical,
              shrinkWrap: true,
              itemCount: 3,
              itemBuilder: (context, index) {
                return Card(
                  child: Image.asset('assets/images/horizontal.jpg'),
                );
              },
            )
          ],
        ),
      ),

both list are scroll vertically you need disable one of them which is SingleChildScrollView.

  • Related