如何去掉Flutter的Stepper侧边进度条 的默认按钮
时间: 2024-03-13 14:47:33 浏览: 99
侧滑按钮删除
4星 · 用户满意度95%
如果您想要去掉Flutter的Stepper侧边进度条的默认按钮,可以通过在Stepper组件中设置controlsBuilder属性来实现自定义按钮。具体实现步骤如下:
首先,我们需要在创建Stepper组件时传入一个controlsBuilder回调函数。这个回调函数将返回一个控制器Row,其中包含了我们自己定义的按钮。
```dart
Stepper(
controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) {
return Row(
children: <Widget>[
Container(),
Container(),
],
);
},
...
)
```
接下来,我们可以在Row中添加自己的按钮。例如,我们可以添加一个FlatButton来代替“下一步”按钮:
```dart
Stepper(
controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) {
return Row(
children: <Widget>[
Container(),
FlatButton(
onPressed: onStepContinue,
child: const Text('Next'),
),
],
);
},
...
)
```
最后,我们可以通过设置第一个Container的宽度来使按钮居中。例如,我们可以将它的宽度设置为100像素:
```dart
Stepper(
controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) {
return Row(
children: <Widget>[
Container(
width: 100.0,
),
FlatButton(
onPressed: onStepContinue,
child: const Text('Next'),
),
],
);
},
...
)
```
这样,我们就可以自定义自己的按钮来替代默认的按钮。
阅读全文