Home > Enterprise >  Flutter Container not expanding to fit content
Flutter Container not expanding to fit content

Time:06-16

I have the code below that I'm using to create a listview

 Widget _buildListItem(BuildContext context, PostListModel postList){
    return Container(
      margin: const EdgeInsets.all(20),
      padding: const EdgeInsets.all(10),
      decoration: BoxDecoration(
        color: Colors.white,   
        borderRadius: BorderRadius.circular(8)
      ),
      child: Row(
        children: [
         Expanded( 
         
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children:  <Widget> [
                PentEmotionWidget(iconid:  postList.iconID),
                Text(
                    postList.post, 
                    overflow: TextOverflow.clip,
                  )    
              
              ],
            )  ,
        
         ),

        ],
     ),
    );
  }


  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: _latestPosts.length,
      scrollDirection: Axis.vertical,
      shrinkWrap: true,
      itemExtent: 80,
      itemBuilder: (context, index) => 
        _buildListItem(context, _latestPosts[index]),   
      );
  }

This is how it ends up looking

enter image description here

So basically the holding container isn't expanding to fit the content. I've tried experimenting with Flexible and Expanded, doesn't make a difference. Anyone has an idea of whats wrong?

CodePudding user response:

You can used image

CodePudding user response:

I think you can make the cross-axis alignment to center

         child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children:  <Widget> [
                Icon(Icons.emoji_emotions_outlined),
                Text(
                  "This is test",
                  overflow: TextOverflow.clip,
                )
              ],
            ),

Result ==> enter image description here

  • Related