如何实现导航

要实现屏幕之间的导航功能，我们首先需要一个触发移动到另一个屏幕的事件（如果您不知道事件是什么，请查看Nowa Visual Programming 的工作原理）。

您可以使用带有事件的小部件（如 a Button）或包装您拥有的任何小部件，GestureDetector使其能够检测点击并具有点击事件。

在这个简单的例子中，我们将使用一个按钮从主屏幕移动到另一个屏幕，所以让我们开始吧：

创建两个屏幕后，将Button小部件添加到主屏幕，然后选择按钮并单击事件+旁边的标志，On Pressed以向单击事件添加功能
在 NVP 中，从事件块中拖出一条线并将其On Pressed放下。将出现一个块列表，从该列表中选择navigate。
在navigate块内，选择单击该按钮时要移动到的屏幕名称。就是这样，现在单击Play以查看您的应用程序。

注意事项

如果您要导航到的屏幕有变量，它们将出现在navigate块中。然后，您可以将变量附加到它们以在移动时将它们发送到另一个屏幕。

通过添加AppBar第二个屏幕，将自动添加一个后退按钮以将用户返回到前一个屏幕。

在单击之前，请确保将其中一个屏幕选作主屏幕Play。

Nowa Flutter开发教程之 08 在屏幕之间导航相关推荐

Nowa Flutter开发教程之 03 界面布局
在没有结构的情况下将小部件随机放置在屏幕上并不是一个好主意,尤其是当应用程序应该在具有不同屏幕尺寸的不同设备上运行时,因此始终建议创建一些布局规则,以便您的应用程序看起来像您期望的那样无论屏幕大小. ...
Nowa Flutter开发教程之 07 Nowa 可视化编程
Nowa 可视化编程 Nowa 可视化编程 (NVP) 是一种无需编写代码即可直观地为您的应用程序实现功能的方法.要打开 NVP 板,请单击屏幕左下方的 NVP 图标,如下所示. 让我们看看它是如何工 ...
Nowa Flutter开发教程之 06 什么是Components以及为什么使用 (无代码开发)
什么是组件以及为什么使用它们 Components只是在不同地方有多个副本的小部件.与普通小部件相比,Components的特别之处在于修改组件的任何副本都会更新整个应用程序中的所有其他副本. 当您想 ...
Nowa Flutter开发教程之 04 Group 分组使您的 UI 构建更加容易(无代码开发)
什么是组group ? 它只是一组以特定方式排列的小部件.组是 Nowa 中创建堆栈.列或原始数据的一种简单方法. 当 group 为 typeColumn时,表示所有的wigets 将垂直堆叠.如果 ...
Nowa Flutter开发教程之 02 添加图像和添加自定义字体（无代码开发教程）
图像可以存储在您的设备上,也可以在互联网上获取.让我们看看如何在每种情况下添加它们. 如果图像存储在您的设备上,只需将图像拖放到您的项目中即可.它将被添加到板上,并将添加到您的资产文件夹中.要再次使用 ...
iOS 9应用开发教程之iOS 9新特性
iOS 9应用开发教程之iOS 9新特性 iOS 9开发概述 iOS 9是目前苹果公司用于苹果手机和苹果平板电脑的最新的操作系统.该操作系统于2015年6月8号(美国时间)被发布.本章将主要讲解iOS ...
Xamarin Anroid开发教程之Anroid开发工具及应用介绍
Xamarin Anroid开发教程之Anroid开发工具及应用介绍 Xamarin开发Anroid应用介绍如今智能手机已经盛行了好几年,而针对这些智能手机的软件开发也变得异常火热.但是在Andro ...
iPhone开发教程之iOS APP体验设计 - 醒醒吧 ))))) - majszt - 和讯博客
iPhone开发教程之iOS APP体验设计 iPhone开发 | 更新时间:2012-10-15 | 点击:131 | 来源:本站 iOS APP体验设计不像互联网的体验 ...
Unity 2D游戏开发教程之2D游戏的运行效果
Unity 2D游戏开发教程之2D游戏的运行效果 2D游戏的运行效果本章前前后后使用了很多节的篇幅,到底实现了怎样的一个游戏运行效果呢?或者说,游戏中的精灵会不会如我们所想的那样运行呢?关于这些疑 ...

Nowa Flutter开发教程之 08 在屏幕之间导航

如何实现导航

注意事项

Nowa Flutter开发教程之 08 在屏幕之间导航相关推荐

最新文章

热门文章