Flutter 如何创建自定义的后退按钮?

Flutter 如何创建自定义的后退按钮?,flutter,flutter-layout,Flutter,Flutter Layout,我是个新手,很好奇我们是否可以创建一个自定义的后退按钮,而不是appbar中的那个按钮。 就像一个普通的按钮,可以返回到上一个屏幕。以下是您如何做到: 创建“原材料”按钮 添加on press方法以决定它将进入哪个屏幕 在main.dart中,在routes方法下,导入要将当前屏幕推回到的屏幕,然后调用它 在onPress()方法中,可以调用Navigator.pushNamed(context,routeName) 现在,您可以根据需要定制此原材料按钮。以下是您可以设置的一些主要属性:

我是个新手,很好奇我们是否可以创建一个自定义的后退按钮,而不是appbar中的那个按钮。
就像一个普通的按钮,可以返回到上一个屏幕。

以下是您如何做到:

  • 创建“原材料”按钮

  • 添加on press方法以决定它将进入哪个屏幕

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

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

  • 现在,您可以根据需要定制此原材料按钮。以下是您可以设置的一些主要属性: 文本样式 填充色 高程 衬垫 约束条件 形状 孩子

  • 现在,通过将此自定义按钮提取到一个小部件中来为其命名

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

  • 享受吧!PS:如果你需要任何帮助,请尽管问我,我会尽我最大的能力帮助你

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