首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在flutter中我使用的是AlertDialog,它有两个操作按钮Ok和Cancel,单击Ok,我想转到新屏幕,并结束当前屏幕?

在Flutter中使用AlertDialog时,可以通过以下步骤实现单击Ok按钮后转到新屏幕并结束当前屏幕的功能:

  1. 首先,确保你已经在项目中引入了flutter/material.dart包,因为AlertDialog是Material库中的一个组件。
  2. 在当前屏幕的Widget中创建一个AlertDialog,设置它的标题、内容和操作按钮。例如:
代码语言:txt
复制
AlertDialog(
  title: Text('提示'),
  content: Text('确定要转到新屏幕吗?'),
  actions: [
    FlatButton(
      child: Text('Cancel'),
      onPressed: () {
        Navigator.of(context).pop(); // 关闭AlertDialog
      },
    ),
    FlatButton(
      child: Text('Ok'),
      onPressed: () {
        Navigator.pushReplacement(
          context,
          MaterialPageRoute(builder: (context) => NewScreen()), // 跳转到新屏幕
        );
      },
    ),
  ],
)
  1. 在点击Ok按钮的回调函数中,使用Navigator.pushReplacement方法来实现页面的跳转。pushReplacement方法会将新屏幕推入导航器栈中,并替换当前屏幕,达到结束当前屏幕的效果。NewScreen是你要跳转到的新屏幕的Widget。
  2. 在点击Cancel按钮的回调函数中,使用Navigator.of(context).pop()方法来关闭AlertDialog,返回到当前屏幕。

这样,当用户点击Ok按钮时,就会跳转到新屏幕并结束当前屏幕。请注意,这只是一个简单的示例,你可以根据实际需求进行修改和扩展。

关于Flutter的更多信息,你可以参考腾讯云的Flutter开发文档:Flutter 开发文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter Dialog

Flutter,各种提示框、弹出框如何实现呢?今天我们就来聊一聊这个问题。 首先咱们来聊聊Flutter系统内置Dialog。...Flutter系统内置Dialog 关于Flutter系统内置Dialog,我们可以从两个层面去讨论,一个showDialog层面,一个showModalBottomSheet层面。...需要注意,上面的代码,我们在对应Button单独地响应了点击事件,其实我们也可以对Dialog内部按钮点击事件进行统一处理。...、处理各种事件 print(result); } 删除列表某一个项目的时候,我们可以使用alertDialog来进行提示。...有以下几点需要说明: 1,上面我们提到AlertDialogSimpleDialog,都是showDialogbuilder函数返回,我们自定义Dialog也是在这个函数返回。

4.1K30

速读原著-Android应用开发入门教程(弹出对话框)

6.6 弹出对话框 GUI 程序,有时需要弹出对话框来提示一些信息。这些对话框比一个独立屏幕简单, Android 中弹出式对话框不同于表示一个屏幕活动,它通常用于简单功能处理。...提示信息两个按钮对话框 第 1 个按钮OK Cancel dialog with a message)启动一个提示信息两个按钮对话框,如图所示: ?...,setNegativeButton 表示设置右面的按钮,这两个按钮确定,但是可以设置其显示字符点击后行为函数。...提示信息三个按钮对话框 第 2 个按钮OK Cancel dialog with a long message)启动一个提示信息三个按钮对话框,如图所示: ?...2 个可编辑文本,这就是显示屏幕内容,由此根据这种模式,也可以弹出对话框中使用布局文件。

1.4K10

速读原著-Android应用开发入门教程(弹出对话框)

6.6 弹出对话框 GUI 程序,有时需要弹出对话框来提示一些信息。这些对话框比一个独立屏幕简单, Android 中弹出式对话框不同于表示一个屏幕活动,它通常用于简单功能处理。...提示信息两个按钮对话框 第 1 个按钮OK Cancel dialog with a message)启动一个提示信息两个按钮对话框,如图所示: ?...,setNegativeButton 表示设置右面的按钮,这两个按钮确定,但是可以设置其显示字符点击后行为函数。...提示信息三个按钮对话框 第 2 个按钮OK Cancel dialog with a long message)启动一个提示信息三个按钮对话框,如图所示: ?...2 个可编辑文本,这就是显示屏幕内容,由此根据这种模式,也可以弹出对话框中使用布局文件。

1.3K20

让所有GUI都自动化-PyAutoGUI(GUI自动化工具)

3、截取屏幕截图,给出一个图像(例如,一个按钮或复选框),然后屏幕上找到它。 4、找到应用程序窗口,然后移动、调整大小、最大化、最小化或关闭它(目前仅限 Windows)。...confirm():函数显示一个简单带文字、OK Cancel 按钮消息弹窗,用户点击后返回被点击 button 文字,支持自定义数字、文字列表。...prompt():函数可以输入消息弹窗,带 OK Cancel 按钮。用户点击 OK 按钮返回输入文字,点击 Cancel 按钮返回 None。...带 OK Cancel 按钮。用户点击 OK 按钮返回输入文字,点击 Cancel 按钮返回 None。 1、alert() 函数 #!...按钮', title='alert()函数', button='OK') 运行结果: 2、confirm() 函数 (1)OK Cancel 按钮消息弹窗 #!

3.8K20

Flutter 密码锁定屏幕

Flutter对高效构建令人愉悦UI很感兴趣,而且它允许您同时为两个平台创建。直到最近一年,一直使用touchIDFaceID作为身份验证工具。...屏幕可适应颜色,大小,文本样式等。它将显示flutter应用程序中使用密码屏幕时如何解锁屏幕。 该演示视频演示了如何在Flutter创建密码锁定屏幕。...它显示了如何在flutter应用程序中使用「passcode_screen」软件包来运行密码锁定屏幕。它显示密码输入屏幕以解锁屏幕。它会显示设备上。...', ), ); }, ); **_lockScreenButton()**,我们将使用按钮。...「屏幕内部,我们将添加标题,内置圆圈配置键盘。我们将添加一个」passwordEnteredCallback」方法。在此方法,添加_passcodeEntered小部件,我们将在下面进行定义。

4.9K30

信息提醒之对话框(AlertDialog + ProgressDialog)-更新

---- 带2个按钮(确认、取消)对话框 显示这样对话框关键如何显示两个按钮以及响应这两个按钮单击事件。...单击使用setPositiveButtonsetNegativeButton方法添加按钮后,即使单击事件不写任何代码,对话框也是会关闭 如果某个按钮单击后只需要关闭对话框,并不需要进行任何处理,...---- 带3个按钮(覆盖、忽略、取消)对话框 用AlertDialog类创建对话框最多可以添加3个按钮,除了上面添加两个方法,还可以使用setNeutralButton方法向对话框添加第三个按钮...由于存在“确定”按钮单击事件需要引用AlertDialog变量,因此先使用create方法返回AlertDialog对象,然后单击事件中使用该变量 ---- 进度对话框 查看大拿总结 进度对话框通过...本例,暂停取消按钮单击事件都使用removeMessages方法删除了消息代码为1消息。

4.4K10

Flutter Widgets 对话框-Dialog

版本及Dart版本如下:Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 当应用程序进行重要操作时经常需要用户进行2次确认,以避免用户操作,比如删除文件时,一般会弹出提示...“是否要删除当前文件”,用户点击确认后才会进行删除操作,这时我们可以使用提示框(AlertDialog或者CupertinoAlertDialog)。...配合使用展示Material风格对话框,showCupertinoDialogCupertinoAlertDialog配合使用展示iOS风格对话框,showCupertinoDialog点击空白处无法退出对话框...,不同地方仅仅是灵活性使用简易程度不要,Dialog最灵活,但使用起来比AlertDialog复杂一些,AlertDialog使用起来非常简单,但布局基本样式都已经固定好,不如Dialog灵活。...今天文章对大家是否有帮助?如果有,请在文章底部留言和点赞,以表示对支持,你们留言、点赞转发关注持续更新动力!

1.4K11

JavaScript 高级程序设计(第 4 版)- BOM

,返回值单位为CSS像素 可以使用moveTo()moveBy()移动窗口(依浏览器而定,这俩方法部分或全部被禁用) moveTo()接收要移动到位置绝对坐标xy moveBy()接收相对当前位置两个方向上移动像素数...():接收一个要显示给用户字符串(如果不是,会调用传入值toString进行转换),对话框只有一个“OK”(确定)按钮 confirm: 确认框有两个按钮:“Cancel”(取消)OK”(确定)...,用户通过单击不同按钮表明希望接下来执行什么操作,根据confirm()方法返回值判断点击项,true->OK、false->Cancel prompt():提示用户输入消息 接收两个参数:要显示给用户文本...,以及文本框默认值 如果用户单击OK 按钮,则 prompt()会返回文本框值。...,除了hash外,设置location一个属性就会导致页面重新加载URL 如果不希望增加历史记录,可以使用replace()方法,重定向后后退按钮禁用状态 reload() 能重新加载的当前显示页面

1.2K10

JavaScript(九)

两个方法都接收两个参数,其中 moveTo() 接收位置 x y 坐标值,而 moveBy() 接收水平和垂直方向上移动像素数。...按钮外,还会显示一个 Cancel(“取消”)按钮两个按钮可以让用户决定是否执行给定操作。...为了确定用户单击OK 还是 Cancel,可以检查 confirm() 方法返回布尔值: true 表示单击OK,false 表示单击Cancel单击了右上角 X 按钮 prompt...提示框除了显示 OK Cancel 按钮之外,还会显示一个文本输入域,以供用户在其中输入内容。...如果用户单击OK 按钮,则 prompt() 返回文本输入域值,如果用户单击Cancel 或没有单击 OK 而是通过其他方式关闭了对话框,则该方法返回 null 这些系统对话框很适合向用户显示消息并请用户作出决定

1.1K40

Android提醒微技巧,你真的了解Dialog、ToastSnackbar吗?

现在这个DialogMaterial Design风格,因为6.0系统上运行,因此会自动赋予这样风格。但是如果在老版本系统上运行,比如说2.3系统,会是什么样效果呢?...这个效果就比较丑了,不过没办法,这就是2.3系统当时风格呀。 人审美总是进步,我们有没有什么办法老版本系统使用Material Design风格Dialog呢?...当然有,Google已经充分考虑到了这一点,appcompat-v7库也提供了一个AlertDialog类,完整路径: android.support.v7.app.AlertDialog 我们使用这个包...这样体验其实是不好,因为也许用户手抖了一下多点了几次,导致Toast就长时间关闭不掉了。又或者我们其实已在进行其他操作了,应该弹出新Toast提示,而上一个Toast却还没显示结束。...Snackbar 如果说DialogToast两个极端的话,那么Snackbar就是处于中间位置了。SnackbarToast比较相似,但是用途更加广泛,并且它是可以用户进行交互

1.2K80

flutter系列之:移动端手势具体使用

), ), ...这里onTap会调用一个showDialog来弹出一个对话框,运行之后结果如下:会动组件在上面的例子,我们用手去tap按钮没有互动效果,也就是说按钮不会变化...使用上,InkWellGestureDetector也很类似,我们可以完全照搬GestureDetector用法。...可删除组件app手势应用上,有一个比较常见用法就是list列表,向左滑动一个item,会出现删除按钮,这种滑动删除效果,如何在flutter实现呢?...= null), super(key: key);可以看到Dismissible一个StatefulWidget,它有两个必须参数分别是keychild。...一个异步函数,它接收一个DismissDirection参数,这个参数表示滑动删除方向,我们可以通过这个方向来判断是否真正进行删除操作

90610

BOM,浏览器对象模型

主要用来显示警告信息 confirm() 确认对话框,显示包含指定文本一个"OK"按钮以及"Cancel"按钮。...该方法返回布尔值,true表示单击OK,false表示单击cancel或者X按钮 if(confirm("确定吗??")){ alert("好!"); }else{ alert("切!")...显示包含文本,ok按钮,cancel按钮以及一个文本输入域,以供用户在其中输入内容。传入两个参数,要显示给用户文本提示和文本输入域默认值。...如果用户单击OK按钮,该方法返回输入域值,如果用户单击Cancel或者关闭对话框该方法返回null. 2、导航打开窗口 window.open() 使用window.open...top 当前页面顶级页面 _blank 新页面 framename 指定frame打开 windowname 指定名字页面打开 3) 一个特定字符串 用逗号分隔设置字符串 fullscreen

96150

Flutter》-- 2.Windows系统下搭建开发环境

安装完成后,运行Android Studio程序,弹出对话框中选择“Do not import settings”单选按钮单击OK按钮。...因为网络问题,Android Studio会提示设置代理服务器,单击Cancel按钮。 弹出欢迎界面后,按照默认提示,一路单击“Next”按钮,等SDK下载完成后,单击“Finish”按钮。...可以设置虚拟机名称、屏幕显示方式,然后单击“Finish”按钮完成虚拟机设置。 单击Actions列三角启动按钮启动虚拟机。...修改包名后,单击“Finish”按钮,项目创建完成。 单击运行按钮模拟器可以看到运行项目。...Flutter热重载操作,通过将更新后源代码注入正在运行Dart虚拟机即可实现热重载。虚拟机使用字段函数更新类后,Flutter框架会自动重新构建应用Widget树,刷新效果。

1.6K30

【Android从零单排系列十五】《Android视图控件——AlertDialog

AlertDialog使用方法 AlertDialogAndroid一个类,位于android.app.AlertDialog。...三 AlertDialog常用属性方法 AlertDialog.Builder类提供了一系列方法用于设置AlertDialog属性配置。...以下AlertDialog常见属性及方法: 标题消息内容相关方法: setTitle(String title):设置对话框标题。...创建和显示对话框: create():使用设置属性配置创建AlertDialog实例。 show():展示对话框,将AlertDialog显示屏幕上。...四 总结 AlertDialog一种常用对话框,可用于提示信息、确认操作或让用户做出选择。根据需求,构建器设置对话框标题、消息内容、图标等属性,通过按钮点击监听器处理用户响应。

13810

Flutter路由与跳转

在前一篇文章我们学习了ListViewGridView用法,我们可以使用new 方式ListView.builder()、ListView.custom()方式来构建这两个Widget,使用ListVIew...静态路由 ---- Flutter中有着两种路由跳转方式,一种静态路由,创建时就已经明确知道了要跳转页面值。另一种动态路由,跳转传入目标地址要传入值都可以是动态。...这种定义路由使用方式非常简单,但是大家肯定会发现一个问题,就是如果需要传递给第二个页面的数据不是已知的话就无法使用这种方式,因为我们无法动态改变上面定义值。...动态路由 ---- Navigator还有一个方法push()方法,需要传入一个Route对象,Flutter我们可以使用PageRouteBuilder来构建这个Route对象。...页面出栈 ---- Flutter我们可以使用Navigator.of(context).pop()进行出栈操作,但是值得注意时如果页面上有Dialog、BottomSheet、popMenu类似的

1.5K20

android推荐使用dialogFrament而不是alertDialog

2、 好处与用法 使用DialogFragment来管理对话框,当旋转屏幕按下后退键时可以更好管理其声明周期,它Fragment有着基本一致声明周期。...且DialogFragment也允许开发者把Dialog作为内嵌组件进行重用,类似Fragment(可以屏幕屏幕显示出不同效果)。...6、DialogFragment做屏幕适配 我们希望,一个对话框在大屏幕上以对话框形式展示,而小屏幕上则直接嵌入当前Actvity。这种效果对话框,只能通过重写onCreateView实现。...,如果屏幕则直接以对话框显示,如果屏幕则嵌入我们Activity布局 这个R.bool.large_layout我们定义资源文件: 默认values下新建一个bools.xml <...左边为模拟器,右边为手机~~~~~ 7、屏幕旋转 当用户输入帐号密码时,忽然旋转了一下屏幕,帐号密码不见了~~~是不是会抓狂 传统new AlertDialog屏幕旋转时,第一不会保存用户输入

2.3K50

为Eclipse安装Python开发插件

最近想用Python开发大一点东西,IDLE就显得不太够用了,比较了一下众多Python编辑器,发现EricEclipse+PyDev功能最为强大两个。...3.5及以上版本,Python 3.2eclipse-java-galileo-win32.zip,以下正文。...如果这么做,Eclipse会在下次启动时自动使用这个工作空间。如果以后改变这个工作空间,可以转到File -- Switch Workspace返回工作空间启动窗口。 d....点击最右边金色弯曲小箭头跳转到工作台。 ? 这里将是使用Eclipse完成大部分工作地方。 2. Eclipse里面下载PyDev a....将会看到包含文件名选项卡。 ? 4. 编写运行程序 a. 下面向世界问候程序。文件简单地输入print('hello,world!')。

2.3K20
领券