Как применить горизонтальную прокрутку к степперу?

Question

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

Вот текущий код:

import 'package:flutter/material.dart';

class UnitPage extends StatefulWidget {
  UnitPage({Key key) : super(key: key);

  @override
  _UnitPageState createState() => _UnitPageState();
}

class _UnitPageState extends State<UnitPage> {
  int _currentStep = 0;

  @override
  Widget build(BuildContext context) {
    List<Step> _stepList = _mySteps();

    return Scaffold(
      appBar: AppBar(
        title: Text('How to scroll on stepper?'),
        centerTitle: true,
      ),
      body: SafeArea(
        child: Stepper(
          type: StepperType.horizontal,
          steps: _stepList,
          currentStep: _currentStep,
          onStepTapped: (stepIndex) {
            setState(() {
              _currentStep = stepIndex;
            });
          },
        ),
      ),
    );
  }

  List<Step> _mySteps() {
    return List.generate(
      10,
      (index) {
        return Step(
          title: _currentStep == index ? Text('Test $index') : Container(child: null,),
          state: index > 2 ? StepState.indexed : StepState.complete,
          content: Container(child: null),
          isActive: _currentStep >= index,
        );
      },
    );
  }
}

и Вот вывод:

Я пытался добавить listview в качестве родительского виджета stepper, но все тело исчезло.