首页 > 解决方案 > 如何创建自定义后按按钮?

问题描述

如果我们可以创建一个自定义的后按按钮,而不是 appbar 中的那个,我是新来的。就像返回上一个屏幕的普通按钮一样。

标签: flutterflutter-layout

解决方案


这是你如何做到的:

  1. 创建原材料按钮

  2. 添加 on press 方法来决定它进入哪个屏幕。

  3. 在 main.dart 中,在 routes 方法下,导入要将当前屏幕推回的屏幕,然后调用它。

  4. 在您的 onPress() 方法中,您可以调用Navigator.pushNamed(context, routeName).

  5. 现在您可以根据需要自定义此原材料按钮。以下是您可以设置的一些主要属性: textStyle fillColor 高程填充约束 shape child

  6. 现在,通过将其提取到小部件中来为您创建的这个自定义按钮命名。

  7. 在您的代码中调用小部件!如果您希望它在左上角对齐,通常是您可以找到它的位置:

Align(
alignment: Alignment.topLeft,
 child: CustomButton()
),

享受!PS:如果您需要任何帮助,请随时问我,我会尽我所能帮助您!


推荐阅读