Flutter中如何在ListView Builder内实现不同长度文本左对齐且居中？

要实现不同长度的文本在ListView项中整体水平居中，同时文本内容自身左对齐，核心是让文本容器的宽度自适应内容，再将这个容器居中放置。以下是具体实现方案：

基础实现代码 #

ListView.builder(
  itemCount: yourDataList.length,
  itemBuilder: (context, index) {
    final String text = yourDataList[index];
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 8.0), // 可选，增加上下间距
      child: Center(
        child: IntrinsicWidth(
          child: Text(
            text,
            textAlign: TextAlign.left,
            style: const TextStyle(fontSize: 16),
          ),
        ),
      ),
    );
  },
)

关键组件说明 #

• Center：将内部的文本容器整体水平居中，确保不管文本长短，都处于列表项的中间位置。
• IntrinsicWidth：让文本容器的宽度完全适配文本内容的长度，避免容器撑满整个屏幕宽度。
• Text(textAlign: TextAlign.left)：确保文本内容在自身容器内左对齐。

进阶优化（限制最大宽度） #

如果文本过长导致容器宽度太宽，可以添加ConstrainedBox限制最大宽度，避免超出视觉舒适范围：

ListView.builder(
  itemCount: yourDataList.length,
  itemBuilder: (context, index) {
    final String text = yourDataList[index];
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 8.0),
      child: Center(
        child: ConstrainedBox(
          constraints: const BoxConstraints(maxWidth: 350), // 按需调整最大宽度
          child: Text(
            text,
            textAlign: TextAlign.left,
            style: const TextStyle(fontSize: 16),
          ),
        ),
      ),
    );
  },
)

为什么之前的方法没生效？ #

• 直接用Column+TextAlign.left：默认情况下Column会撑满父容器宽度，文本会贴左显示，无法实现整体居中。
• 仅用Align(alignment: Alignment.center)：Text默认会占满父容器宽度，textAlign.left会让文本贴左，而非文本块居中。

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