Flutter实现带中间输入框的BottomAppBar遇RenderBox布局报错

Row 作为横向布局组件，会向内部子元素传递有限的横向宽度约束。TextFormField 属于无固定最大固有宽度的输入组件，当未被弹性组件包裹时，会尝试占用超出Row可提供范围的无限宽度，触发布局约束冲突，抛出 RenderBox was not laid out: RenderRepaintBoundary#bcb66 NEEDS-LAYOUT NEEDS-PAINT 错误。
此前使用Expanded包裹未生效，核心原因是未将TextFormField正确赋值给Expanded的child参数，宽度适配逻辑未实际执行。

Widget _buildBottomNavBar(){
  return BottomAppBar(
    child: Row(
      children: [
        IconButton(icon: Icon(Icons.attach_file_rounded), onPressed: () {}),
        IconButton(icon: Icon(Icons.emoji_emotions_outlined), onPressed: () {}),
        // 用Expanded给输入框分配剩余横向空间，明确宽度约束
        Expanded(
          child: TextFormField(
            decoration: InputDecoration(labelText: 'Message'),
          )
        ),
        IconButton(icon: Icon(Icons.play_arrow_rounded), onPressed: () {}),
        IconButton(icon: Icon(Icons.undo_rounded), onPressed: () {}),
      ],
    ),
  );
}

• 给TextFormField添加isDense: true参数，压缩输入框默认高度，适配BottomAppBar的紧凑尺寸，避免出现纵向溢出
• 若不需要输入框的默认下划线，可在InputDecoration中配置border: InputBorder.none，让整体布局更简洁
• 若需要给输入框添加内边距，可通过contentPadding参数自定义，适配BottomAppBar的高度

内容的提问来源于stack exchange，提问作者ChrisFNZ