the view
There is MessageContainers takes a MaxWidth, but if i initialize max width to infinity, my text wrapping don’t works. I have nothing else to explane I just need a chars to post this question
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final scrnWidth = MediaQuery.sizeOf(context).width;
const borderRadius = 13.0;
return ConstrainedBox(
constraints: BoxConstraints(
maxWidth: scrnWidth*0.6,
minWidth: 0,
),
child: Container(
alignment: alignment,
margin: const EdgeInsets.only(top: 8, bottom: 1.5, left: 20, right: 20),
padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 25),
decoration: BoxDecoration(
color: isCurrentUser ? theme.colorScheme.primary : theme.colorScheme.onPrimaryContainer,
borderRadius: BorderRadius.circular(borderRadius)
),
child: IntrinsicWidth(
child: Wrap(
children: [
Text(message,
style: theme.textTheme.bodyMedium,
textAlign: isCurrentUser ? TextAlign.end : TextAlign.start
),
]
)
)
),
);
// the main file
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: isCurrentUser ? MainAxisAlignment.end : MainAxisAlignment.start,
children: <Widget>[
Column(
crossAxisAlignment: isCurrentUser ? CrossAxisAlignment.end : CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
MessageContainer(
message: data['message'].toString(),
alignment: alignment,
isCurrentUser: isCurrentUser,
),
Container(
margin: const EdgeInsets.symmetric(horizontal: 30),
child: Text(formattedTime, style: const TextStyle(
fontSize: 10
),),
)
],
)
],
);
I expecting that message containers will looks properly