Flutter：如何在SizedBox中居中Row组件？

一、Row居中的排查&解决思路 #

• 先看父容器的宽度约束：如果Row的父容器没撑满可用宽度，就算设了mainAxisAlignment: MainAxisAlignment.center也白搭。给Row外层套个Container(width: double.infinity)，让Row拿到最大宽度后再居中，基本能解决大部分情况。
• 检查Row内部的子组件：要是Row里有Expanded或Flexible的子组件，它们会抢占剩余空间，把其他子组件挤到一边。要么调整这些组件的flex值，要么给需要居中的子组件单独套Center。
• 排查滑动面板的布局限制：比如用DraggableScrollableSheet时，要确保面板的内容容器是Center或者Align包裹，别让面板内容被限制在窄区域里。
• 兜底方案：直接给Row套Center组件，或者用Align(alignment: Alignment.center, child: Row(...))，强制让Row居中。

二、滑动面板实现的推荐包 #

• draggable_scrollable_sheet：Flutter官方自带的组件，拖拽调整高度、适配滑动场景都很稳，不用额外装包，文档也全。
• sliding_up_panel：功能贼全，支持边缘触发、自定义面板形状、背景模糊，想快速搞复杂滑动面板的话用这个准没错。
• flutter_slidable：如果是列表项的侧滑面板（比如左滑删、右滑加），这个包能快速实现这类交互。

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