Vertical viewport was given unbounded height flutter/dart

Question

this is my code:

 @override
 Widget build(BuildContext context) {
    return ListView(children: [
       Card(
          child: Row(
             children: [
                 ListTile(
                     title: Text(publicacion.title),
                    subtitle: Text(publicacion.body),
                 )
             ],
          )),
     ]);
  }

Surely it is some overflow, but I couldn't fix it, I can't find the way .. I tried to implement ListView.builder, but I wouldn't be knowing where to fit it

score 0 · Accepted Answer · answered Jan 14 '22 at 11:27

Try to add your Inside Row widgets wrap it with Expanded or Flexible refer my answer here or here or here hope its helpful to you

Refer Expanded here

Try below code hope its helpful to you.

    ListView(
            shrinkWrap: true,
            children: [
              Card(
                child: Row(
                  children: [
                    Expanded(
                      child: ListTile(
                        title: Text(
                            'publicacion.titlepublicacion.titlepublicacion.titlepublicacion.titlepublicacion.titlepublicacion.title'),
                        subtitle: Text(
                            'publicacion.bodypublicacion.titlepublicacion.titlepublicacion.titlepublicacion.titlepublicacion.titlepublicacion.title'),
                      ),
                    )
                  ],
                ),
              ),
            ],
          ),

Your Result Screen->

score 0 · Answer 2 · answered Jan 14 '22 at 11:47

The Row widget is creating this problem, just remove Row Widget and it should work fine.

@override
  Widget build(BuildContext context) {
    return ListView(children: [
      Card(
          child: ListTile(
            title: Text(publicacion.title),
            subtitle: Text(publicacion.body),
          )),
    ]);
  }

Vertical viewport was given unbounded height flutter/dart

2 Answers2