首页 > 编程知识 正文

side按钮,导航返回路线怎么弄

时间:2023-05-05 05:29:30 阅读:139657 作者:4678

第2级页面后退按钮Flutter版本:2.5.1

二级页面的后退按钮为空,只能向左滑动后退。

自定义后退按钮:

@ overridewidgetbuild (buildcontextcontext ) returnmaterialapp (home : scaffold ) appbar:appbar ) title 3360 consttextextextext () )、body: const TextBody ) )、); }如果页面很多,则需要定制每个页面,代码也重复。

既然需要,就可以提取并封装。

在自定义的小部件中,返回

@ overridewidgetbuild (buildcontextcontext ) returnbackbutton (on pressed : ) ) navigator.pop (context ); ); }单击返回后,界面黑漆漆的,一脸问号

有疑问时请访问navigator.pop(context ); 放在特定接口上时,上下文context与封装的上下文context不同。

1 .定制按钮时,点击调试断点,点击context @ overridewidgetbuild (buildcontextcontext ) returnmaterialapp ) home : scacalapp /后退按钮leading : back button (on pressed 3360 ) ) navigator.pop ) context ); //在此行上单击调试断点(context } ),然后单击body: const TextBody(}

2 .封装后退按钮时,插入调试断点,然后单击context @ overridewidgetbuild (buildcontextcontext ) returnbackbutton ) onpressed3360 }

比较一下

外部上下文树结构中存在材质应用程序

内部上下文树结构中不存在材质应用程序

3 .封装后退按钮时,引入外部context,在内部导入import ' package : flutter/material.dart '; classjhbackbuttonextendsstatelesswidget { constjhbackbutton } { key? 密钥,requiredbuildcontextcontext } (: _ s context=context,super (密钥: key ) ); final BuildContext _scontext; @ overridewidgetbuild (buildcontextcontext ) returnbackbutton ) onpressed3360 ) {navigator.pop ) _scontext}; //在此行中键入调试断点,然后单击context }; }再次中断点调试,查看context

这与第一张图一致

干掉他!

小编辑器一字:紧凑

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。