Flutter ListView.builder not working in alert dialog

1.4k Views Asked by At

I want to display item list in alert dialog, for payment confirmation. but it's not working, i tried many solutions.

AlertDialog(
      titlePadding: EdgeInsets.all(0),
      contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 0),
      title: Text("Heading"),
      content: ListView.builder(
          shrinkWrap: true,
          itemCount: items.length,
          itemBuilder: (ctx, i) {
            return getRowWidget(i);
          }),
    );
2

There are 2 best solutions below

0
On

Use this code.

       showDialog(
              context: context,
              builder: (context) => AlertDialog(
                titlePadding: EdgeInsets.all(0),
                contentPadding:
                    EdgeInsets.symmetric(horizontal: 10, vertical: 0),
                title: Text("Heading"),
                content: Container(
                  height: 100,
                  child: ListView.builder(
                      shrinkWrap: true,
                      itemCount: 1,
                      itemBuilder: (ctx, i) {
                        return Text("text");
                      }),
                ),
              ),
            );
1
On

This will solve your problem, Add Container with width.

     showDialog(
                context: context,
                builder: (context) => AlertDialog(
                  titlePadding: EdgeInsets.all(0),
                  contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 0),
                  title: Text("Heading"),
                  content: Container(
                    width: double.maxFinite,
                    child: ListView.builder(
                        shrinkWrap: true,
                        itemCount: items.length,
                        itemBuilder: (ctx, i) {
                          return Text(items[i].toString());
                        }),
                  ),
                ),
              );