Flutter开发即时通讯App出现类型不匹配与RenderFlex溢出错误求助

错误1：type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'String' #

• 原因：Firestore的document.data()返回的是完整文档的键值对Map结构，你直接将整个Map赋值给了MessageBubble要求为String类型的sender、text参数，类型不匹配触发报错。修复该错误后，你给Material组件设置的color: Colors.blueAccent即可正常生效，即为消息气泡的背景色。
• 修复代码：

for (var message in messages){
    // 从文档Map中提取对应字段，空安全场景可补充类型转换或默认值处理
    final messageText = message.data()['text'] ?? '';
    final messageSender = message.data()['sender'] ?? '';
    final messageBubble = MessageBubble(sender: messageSender, text: messageText,);
    messageBubbles.add(messageBubble);
}

错误2：renderflex overflowed by 99335 pixels #

• 触发原因：
  • MessageBubble中Text组件的字体大小设置为50，尺寸过大超出可用布局宽度
  • Text未开启自动换行，长文本会直接横向超出容器边界，同时外层组件未加合理的边距和布局约束
• 修复代码：

class MessageBubble extends StatelessWidget {
    MessageBubble({required this.sender, required this.text});
    final String sender;
    final String text;
    @override
    Widget build(BuildContext context) {
        return Padding(
            // 给气泡增加外边距，避免和其他组件贴边
            padding: EdgeInsets.symmetric(vertical: 8, horizontal: 10),
            child: Material(
                borderRadius: BorderRadius.circular(8), // 可选增加圆角，更符合气泡样式
                color: Colors.blueAccent,
                // 给文字增加内边距，避免贴紧气泡边框
                child: Padding(
                    padding: EdgeInsets.symmetric(vertical: 10, horizontal: 12),
                    child: Text(
                        '$text from $sender',
                        softWrap: true, // 开启自动换行，长文本自动折行
                        style: TextStyle(
                            fontSize: 16, // 调整为常规合理字体大小
                            color: Colors.white,
                        ),
                    ),
                ),
            ),
        );
    }
}

内容的提问来源于stack exchange，提问作者Usama Bin Tahir