Question

我是新手。我想将带有标题文本的图标放在步进器中。所以，任何人都知道如何实现这一目标，请告诉我。预先感谢

注意：我不想更改在步骤号中显示的图标，但我想在标题文本之后添加另一个图标。

import 'package:flutter/material.dart';

class CreateProject extends StatefulWidget {
  CreateProject({Key key}) : super(key: key);

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

class _CreateProjectState extends State<CreateProject> {

  @override
  Widget build(BuildContext context) {
    return Stepper(
    currentStep: 3,
    controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) {
    return Row(
        children: <Widget>[
            Container(
                child: null,
            ),
            Container(
                child: null,
            ),
        ],
    );
},

    steps: const <Step>[
      Step(
        title: Text('Step 1'), //here, I want to put one icon with the title text 
        content: SizedBox(
          width: 0.0,
          height: 0.0,
        ),
      ),
      Step(
        title: Text('Step 2'),
        content: SizedBox(
          width: 0.0,
          height: 0.0,
        ),
      ),
      Step(
        title: Text('Step 3'),
        content: SizedBox(
          width: 0.0,
          height: 0.0,
        ),
      ),
      Step(
        title: Text('Step 4'),
        content: SizedBox(
          width: 0.0,
          height: 0.0,
        ),
      ),
    ],
  );

  }
}

我尝试用“行”小部件包装“文本”小部件，但不起作用。

Answer 1

您不能使用<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)"> <div class="example-box" *ngFor="let movie of movies;" cdkDrag> {{movie.name}} {{movie.pos}} </div> </div>，因为构造函数不是常量构造函数。 Row小部件的title属性需要一个step构造函数。

我做了您想要的，请检查下面的代码和输出。

尝试下面的代码，它可以完美运行：

const

输出：

如何将文本+图标作为步进的步进标题置于颤动中

1 个答案: