如何更改 flutter stepper 中“继续/取消”按钮的标签?

jfo*_*ies 8 dart flutter

有没有办法更改颤振中步进器的“继续”和“取消”按钮的文本标签?Stepper 似乎是我想做的事情的完美选择(具有多个“阶段”的长格式),在我尝试从头开始构建一个之前,只是为了获得我想我可能会问的按钮的其他标签。

有人知道这是否/如何可能吗?

ped*_*ont 16

是的,您可以通过提供controlsBuilder回调来实现。它必须是一个接受其他两个函数(onStepContinueonStepCancel)的函数,这两个函数是您必须传递给您将创建的新按钮的操作,以便它们发挥应有的作用。

然后,您可以声明任何您想要的内容(在本例中是一行有两个按钮的行),只要您传递两个函数(onStepContinueonStepCancel)以使它们按预期工作:

Stepper(
      controlsBuilder: (BuildContext context,
          {VoidCallback? onStepContinue, VoidCallback? onStepCancel}) {
        return Row(
          children: <Widget>[
            TextButton(
              onPressed: onStepContinue,
              child: const Text('NEXT'),
            ),
            TextButton(
              onPressed: onStepCancel,
              child: const Text('EXIT'),
            ),
          ],
        );
      },
      steps: const <Step>[
        Step(
          title: Text('A'),
          content: SizedBox(
            width: 100.0,
            height: 100.0,
          ),
        ),
        Step(
          title: Text('B'),
          content: SizedBox(
            width: 100.0,
            height: 100.0,
          ),
        ),
      ],
    );
Run Code Online (Sandbox Code Playgroud)


小智 6

flutter 版本 2.8.1 在 Stepper 中您可以使用controlsBuilder 您可以更改按钮 在此输入图像描述

                controlsBuilder: (context,_) {
                  return Row(
                    children: <Widget>[
                      TextButton(
                        onPressed: (){},
                        child: const Text('NEXT'),
                      ),
                      TextButton(
                        onPressed: (){},
                        child: const Text('EXIT'),
                      ),
                    ],
                  );
                },
Run Code Online (Sandbox Code Playgroud)