В Flutter' Stepper, как поместить заголовок Step ниже счетчика?

Question

Если использовать степпер в горизонтальном режиме, я получу следующий результат.

ht tps://stackru.com/images/af7d6cda5a3f60c603be763628c57bb9476087c4.png

Тем не менее, я хочу, чтобы заголовок шага отображался под счетчиком. Как мне достичь этого во Флаттере?

Answer 1

В _StepperState класс есть метод _buildHorizontal с кодом:

Row(
        children: <Widget>[
          Container(
            height: 72.0,
            child: Center(
              child: _buildIcon(i),
            ),
          ),
          Container(
            margin: const EdgeInsetsDirectional.only(start: 12.0),
            child: _buildHeaderText(i),
          ),
        ],
      ),

где _buildHeaderText возвращает заголовок или заголовок с субтитрами. Таким образом, вы не можете делать то, что вы хотите со стандартным Stepper - вы должны настроить этот класс

Answer 2

https://github.com/shang1219178163/EfficientWork/blob/master/flutter/enhance/stepper%20enhance.md

Я исправил проблему с помощью шагового улучшения.

Answer 3

Я реализовал его на основе исходного кода, но запрос на вытягивание всегда находится на рассмотрении, и если у вас возникла особая срочность, вы можете изменить локальный файл для этого.

https://github.com/flutter/flutter/pull/84518

Прочти меня