Text Overflow inside container creating design such as messenger messages in which text is inside container in which height and width not mentioned

Question

I want container to maintain its height and width according to the text without the text overflowing such as if there is small text width is small but if text is long then width takes up size as possible and rest goes to next Line. Please help

Container( padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15), child: Text( message.text, style: TextStyle( color: message.isSender ? Colors.white : Theme.of(context).textTheme.bodyText1?.color, ), ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(40), color: KprimaryColor.withOpacity(message.isSender ? 1 : 0.1)), )

Temirlan Almassov Temirlan Almassov · Accepted Answer · 2022-02-03T15:08:22

0

votes

Set width to your container, I think it should fix the problem

Text Overflow inside container creating design such as messenger messages in which text is inside container in which height and width not mentioned

1 Answers