flutter - 如何在线性进度指示器下方对齐不同的阶段？

Question

这就是我想要实现的。

标签： flutterflutter-layoutflutter-design

Answer 1

在进度指示器下方使用 Row 小部件，确保它们具有相同的宽度。将该行的主轴对齐设置为“MainAxisAlignment.spaceBetween”，并将所有这些标题添加为该行的子项。这是给你一个想法的代码片段：

Column(
      children: [
                  YourProgressWidget(),
                  // add any sizedBox for spacing
                  Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        // Place your text titles here
                      ]),
                ]),

确保 Row 中的子项数应等于进度条中的段数。