处理水平步进器的溢出

时间:2018-08-31 09:14:39

标签: flutter

我用几个步骤实现了一个非常简单的水平步进器。但是我得到了溢出横幅,指出我的步骤不适合该视图。

如何使步骤滚动条变为可滚动状态?

import 'package:flutter/material.dart';

class SetupPage extends StatefulWidget {
  @override
  _SetupPageState createState() => _SetupPageState();
}

class _SetupPageState extends State<SetupPage> {

  List<Step> steps = [
    new Step(title: Text('Step 1'), content: new Container()),
    new Step(title: Text('Step 2'), content: new Container()),
    new Step(title: Text('Step 3'), content: new Container()),
    new Step(title: Text('Step 4'), content: new Container()),
    new Step(title: Text('Step 5'), content: new Container()),
    new Step(title: Text('Step 6'), content: new Container()),
    new Step(title: Text('Step 7'), content: new Container()),
  ];

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: AppBar(title: Text('Setup'),),
      body: new Stepper(steps: steps, type: StepperType.horizontal, currentStep: 0,),
    );
  }
}

2 个答案:

答案 0 :(得分:2)

@Jens:请尝试使用此for loop来定制此package

答案 1 :(得分:1)

我查看了Stepper的源代码,它无法在其标头(带有步骤的栏)中水平处理溢出。在{_ scrollPhysics中甚至没有使用buildHorizontal属性,该方法在水平方向上被调用来构建标题。

在撰写本文时,这似乎是完全不受支持的。我在颤抖的github页面上打开了一个问题,所以也许它将得到解决。