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

Xamarin.Forms外壳:有没有一种方法可以使用GoToAsync和路由来导航到选项卡,并在那里推送页面

Xamarin.Forms外壳是一种用于跨平台移动应用开发的框架,它允许开发者使用C#和XAML来构建iOS、Android和Windows等多个平台的应用程序。在Xamarin.Forms中,可以使用GoToAsync方法和路由来导航到选项卡,并在选项卡中推送页面。

GoToAsync方法是Xamarin.Forms中的导航方法之一,它允许开发者在应用程序中进行页面之间的导航。通过使用GoToAsync方法,可以在导航过程中指定要导航到的页面,并可以传递参数给目标页面。

在使用Xamarin.Forms外壳时,可以通过以下步骤来使用GoToAsync方法和路由导航到选项卡,并在选项卡中推送页面:

  1. 首先,需要在XAML中定义一个选项卡页,可以使用TabbedPage控件来实现。例如:
代码语言:txt
复制
<TabbedPage>
    <TabbedPage.Children>
        <ContentPage Title="Tab 1">
            <!-- Tab 1 content -->
        </ContentPage>
        <ContentPage Title="Tab 2">
            <!-- Tab 2 content -->
        </ContentPage>
    </TabbedPage.Children>
</TabbedPage>
  1. 在代码中,可以使用GoToAsync方法来导航到选项卡,并在选项卡中推送页面。例如:
代码语言:txt
复制
await Shell.Current.GoToAsync("//tab/tab2/page2");

在上述代码中,"//tab/tab2/page2"是一个路由字符串,它指定了要导航到的选项卡(tab2)和要在选项卡中推送的页面(page2)。

通过以上步骤,就可以使用GoToAsync方法和路由来导航到选项卡,并在选项卡中推送页面。

对于Xamarin.Forms外壳的更多信息和详细介绍,可以参考腾讯云的相关产品文档:Xamarin.Forms外壳 - 产品介绍

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

相关·内容

笔记 | Xamarin

: 分组内容 当 Tab 中存在多个 ShellContent,时,会在内部再次分布, 若 Tab 父级是 TabBar,则会在那个页面显示 顶部导航选项卡,以对应多个 ShellContent, 若...GoToAsync 导航方法进行访问。...ShellContent 对象时,则将在底部选项卡中添加一个顶部选项卡栏,通过该选项卡可以导航 ContentPage 对象: <Shell xmlns="http://xamarin.com/schemas...- Xamarin | Microsoft Docs xamarin<em>使用</em>极光<em>推送</em>JPush (安卓)_初级打字员的博客-CSDN博客 <em>Xamarin.Forms</em> Android真机<em>使用</em>极光<em>推送</em>JPush...ToString(); // TODO: js 返回值处理 } // ... } #endregion 一般最常<em>使用</em>的就是第<em>一种</em><em>方法</em>,但是第<em>一种</em><em>方法</em>获取返回的值比较麻烦

24K20

看看MAUI候选版本3!

第二种选择是直接使用基本导航页面控件:FlyoutPage、TabbedPageNavigationPage。...如果将来您想更换特定控件,您仍然可以重用所有 UI。Shell是一个 UI 控件,用于托管您的应用程序页面并提供弹出菜单选项卡菜单。...要对选项卡集合进行分组,您可以将它们进一步包装在TabBar. 根据需要混合匹配应用程序的页面,并将Shell为您完成所有导航。...当您需要导航应用程序中更深入的页面时,您可以声明自定义路由,并通过 URI 导航——甚至传递查询字符串参数。...该QueryProperty属性将传入的查询字符串参数路由提供的公共属性。在实现 MVVM 模式时,您也可以使用视图模型执行此操作。 有关使用 Shell 导航的更多信息,请查看Shell 文档。

1.1K20
  • 在吗?看看MAUI候选版本3!

    第二种选择是直接使用基本导航页面控件:FlyoutPage、TabbedPageNavigationPage。...如果将来您想更换特定控件,您仍然可以重用所有 UI。Shell是一个 UI 控件,用于托管您的应用程序页面并提供弹出菜单选项卡菜单。...要对选项卡集合进行分组,您可以将它们进一步包装在TabBar. 根据需要混合匹配应用程序的页面,并将Shell为您完成所有导航。...当您需要导航应用程序中更深入的页面时,您可以声明自定义路由,并通过 URI 导航——甚至传递查询字符串参数。...该QueryProperty属性将传入的查询字符串参数路由提供的公共属性。在实现 MVVM 模式时,您也可以使用视图模型执行此操作。 有关使用 Shell 导航的更多信息,请查看Shell 文档。

    1.6K10

    如何使用 GitHub Actions 构建 Docker 镜像

    本文将帮助您使用GitHub操作设置一个工作流,该工作流将构建和标记Docker镜像并将其推送到Docker Hub注册表。...要找到secrets,请单击存储库顶部的设置,然后单击左侧导航列表中的Secrets,然后添加您需要的secrets,在本例中是我们的Docker Hub用户名密码: 标签发布 最后一步是在我们的GitHub...GitHub将引导您完成创建发布的步骤,但您应该选择标记名称所需的发布提交。您还可以添加标题说明。...查看工作流输出 要查看工作流中发生的情况,并在需要时进行调试,请返回到存储库中的Actions选项卡。...一旦你创建了一个动作,该页面将看起来像这样: 除了在Actions选项卡中输出您的工作流之外,不要忘记转到Docker Hub并在那里查看您的图像!

    70710

    Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

    这意味着你可以使用Xamarin.Forms来构建应用程序的UI,使用原生的语言来构建其他部分。...的项目 · 如何使用Xamarin.Forms的控件 · 如何在页面之间进行导航 · 如何进行数据绑定 系统需求 iOS : 由于Apple限制iOS应用程式编译都需要透过Xcode, 因此需要1台MAC...使用 Xamarin.Forms Page Android 创建一个Activity类型,并且使用 MainLauncher 特性修饰,在 OnCreate 方法中,初始化Xamarin.Forms框架...页面导航可以理解为一个后进先出的堆栈结构,展现一个页面相当于在堆栈中添加一个元素,如果需要回到前一个页面,就需要把当前的页面从堆栈中删除。...是什么,以及如何使用 Xamarin.Forms 来构建跨平台的应用,我们从如何安装 Xamarin.Forms如何创建一个 Xamarin.Forms 项目,如何构建用户界面,如何进行数据绑定以及如何切换页面

    12.9K70

    如何使用 Spinnaker Kubernetes 进行数据库变更发布?

    将应用程序部署 Kubernetes 时,有很多选择。像 Helm Ksonnet 这样的工具使得打包应用程序并将其部署多个 Kubernetes 环境变得非常简单。...从那里,我们可以添加一个新的服务器组,使用触发镜像,并在“容器”部分下配置它的端口: ? ?...现在这些步骤已经完成,我们可以通过导航返回到“Pipeline”选项卡并执行 Pipeline 来测试我们的 Pipeline。...然后,我们可以通过导航“Clusters”选项卡并查看我们的服务是否健康(由服务器组下的绿色实例表示)来验证我们的服务是否正在运行。 ?...Spinnaker 是一种减轻这种负担的方法,而不必像 Jenkins 一样将多个脚本系统与 CI 平台粘合在一起。

    1.6K50

    怎样创建你的第一个React Native App

    这包括需要了解要选择的适当技术栈,正确添加导航方法以及知道管理其数据的方法等。一般的开发人员需要花费 40 个小时来弄清楚架构,这其中甚至不包括应用程序组件或精确的页面。...可以使用任意的平台编辑器组合;但是我建议你从以下内容开始: Visual Studio Code:现有最佳编辑器的示例。...打开当前的导航页面(src / modules / navigation / MainTabNavigator.js),你会注意其中包含的内容以及导航器中每个页面使用情况。 ?...但是,导航选项卡只需要两个页面:文章列表个人资料页面。我们可以像这样修改它: ? 现在,标签导航器有两个界面。...之后还要有两个附加界面(“登录”“发布”),你必须修改顶级导航器:(src/modules/navigation/RootNavigation.js):然后完成导航。所有需要的界面都在那里。 ?

    2.1K20

    Edge2AI之NiFi 流处理

    在 NiFi 全局菜单上,单击“Control Settings”,导航“Registry Clients”选项卡并添加具有以下 URL 的注册表客户端: Name: NiFi Registry URL...右键单击处理组,选择配置并导航Controller Services选项卡。单击该+图标并添加HortonworksSchemaRegistry服务。...回到NiFi Flow页面,将From Gataway的输入端口的数据连接到漏洞的连接去掉,使得数据可以进入Process Sensor Data组。...您可以根据需要添加更多处理器来处理、拆分、复制或重新路由您的 FlowFile 所有其他目的地处理器。 为了完成这个实验,让我们提交版本化我们刚刚完成的工作。...您需要知道在下一节中配置PutKudu处理器时要使用的表的确切名称。 您可以在 Hue 的表格浏览器中找到 Kudu 表的名称。 单击左侧的表浏览器default图标并导航数据库。

    2.5K30

    Flutter学习笔记:BottomNavigationBar实现多个Navigation

    为简单起见,我们可以首先添加一个带回调的FlatButton来推送页面: Widget _buildBody() { return Container( color: TabHelper.color...这需要一个key一个initialRoute参数。 它还有一个onGenerateRoute方法,每次需要生成路由时都会调用该方法。 这使用了我们上面定义的_routeBuilders()方法。...在第11-19行,我们定义了一个_push()方法,该方法用于使用ColorDetailPage推送细节路径。...在标签之间切换似乎不起作用,因为我们总是在Scaffold主体内显示红色页面。 多个Navigator 这是因为我们已经定义了一个新的导航器,但这是在所有三个选项卡中共享的。...我们可以独立地推送/弹出每个导航器,并且后台导航员保持他们的状态。? One more thing 如果我们在Android上运行应用程序,当我们按下后退按钮时,我们会发现一个有趣的现象: ?

    4.3K20

    AngularDart 4.0 高级-路由概述 顶

    本指南涵盖路由器的主要功能,通过演示可以实时运行的小应用程序(查看源代码)演示它们。 概观 浏览器是一种熟悉的应用程序导航模型: 在地址栏中输入一个URL,然后浏览器导航相应的页面。...点击页面上的链接,浏览器导航页面。 点击浏览器的后退前进按钮,浏览器会前后浏览您浏览过的网页的历史记录。 Angular路由器借鉴了这种模式。...它可以将浏览器URL解释为导航客户端生成视图的指令。它可以将可选参数传递给支持视图组件,以帮助确定要呈现的具体内容。您可以将路由器绑定页面上的链接,并在用户单击链接时导航适当的应用程序视图。...@RouteConfig 使用RouteDefinition列表配置路由。 RouteDefinition 定义路由如何根据URL模式导航组件。 Route 一种RouteDefinition。...您可以将该列表绑定RouterLink或将该列表作为参数传递给Router.navigate方法

    6.1K20

    IntelliJ IDEA 2023.1 发布:新UI、支持Java 20、简化Git Commit、重新设计 “Run”

    此版本包括对新 UI 的改进,根据从用户那里收到的反馈进行了彻底改造。此外还实现了性能增强,从而在打开项目时更快地导入 Maven 更早地使用 IDE 功能。...新增垂直拆分工具窗口区域的选项 紧凑模式 此模式降低了工具栏工具窗口标题的高度、缩小了间距填充,以及使用更小的图标按钮,提供了更统一的外观。主要是面向小屏幕或笔记本电脑使用。...IntelliJ IDEA Ultimate 2023.1 提供从 Spring 控制器轻松导航安全匹配器。 ...现在可以保存管理多个工具窗口布局,并在需要时在它们之间切换。...借助 IntelliJ IDEA 2023.1,你可以使用正则表达式来创建自己的搜索替换检查。 新的 intention action 允许你更正 Markdown 文件中表格的格式。

    4K20

    C# WPF MVVM开发框架Caliburn.Micro Screens, Conductors Composition⑦

    View-First 如果您正在使用WP7或Silverlight导航框架,您可能想知道是否/如何利用屏幕导体。到目前为止,我一直在假设外壳工程主要采用ViewModel优先的方法。...但是WP7平台通过控制页面导航来实施视图优先的方法。SL Nav框架也是如此。在这些情况下,电话/导航框架就像一个导体。...之前,我们在Caliburn.Micro中讨论了屏幕导体的理论基本API。现在,我将介绍几个示例中的第一个。此特定示例演示如何使用导体两个“页面”视图模型设置一个简单的导航样式shell。...这就是在Caliburn.Micro中创建导航应用程序所需的全部内容。导体的ActiveItem表示“当前页面”,导体管理从一个页面另一个页面的转换。...在导航示例中将MDI外壳添加为PageViewModel,或在MDI示例中将导航外壳添加为选项卡。 Hybrid 此示例大致基于Billy Hollis在这部著名的DNR电视剧中展示的想法。

    2.6K20

    如何使用Node.jsGithub Webhooks保持远程项目同步

    您还可以在生产环境中应用此方法以快速推送修补程序其他更改。 虽然存在其他解决方案来完成此特定任务,但编写自己的脚本是一种灵活的选项,为将来的自定义留出了空间。...登录您的GitHub帐户并导航您要监控的存储库。单击存储库页面顶部菜单栏中的“设置”选项卡,然后单击左侧导航菜单中的“ Webhooks ”。...单击存储库页面顶部菜单栏中的“设置”选项卡,然后单击左侧导航菜单中的“ Webhooks ”。单击您在步骤1中设置的webhook旁边的编辑。...我们现在可以继续确保我们的脚本在后台运行并在启动时启动。使用CTRL+C来停止节点webhook服务器。...结论 您已经设置了一个Node.js脚本,该脚本将自动将新提交部署远程存储库。您可以使用此过程来设置您要监视的其他存储库。您甚至可以将其配置为在推送存储库时将网站或应用程序部署生产环境。

    3.8K30

    安全编码实践之二:跨站脚本攻击防御

    乍一看,页面看起来不容易受到任何攻击,因为我们所要做的就是按“生成密码”按钮。 ? 我们打开我们的burp-suite并在我们的代理选项卡中拦截请求。...因此,每当用户导航特定网页或链接时,他们就是存储的XSS攻击的受害者。...在我们旁边的登录页面中,输入test作为用户名密码。我们所做的每件事都记录在日志数据库中。我们可以继续检查日志数据库,在那里我们可以看到注册了测试用户名的失败登录尝试。...我们可以采取的步骤如下: - 输入验证 验证应仅在服务器端执行,绝不应在客户端完成。 我们可以允许用户使用的白名单黑名单。我们可以利用常规的正则表达式或基于框架的反XSS函数来增强安全性。...代码示例 而不是直接使用接收参数“firstName”。

    1.1K20

    【工具使用】红队工具之Faction

    Faction是面向安全专业人员的C2框架,它提供了一种扩展代理并与代理进行交互的简便方法。它着重于通过有据可查的RESTSocket.IO API为C2通信提供一个简单,稳定可访问的平台。.../install.sh 下面我们使用一种方法,一条命令安装。 ? 安装完成后会提示使用sudo faction setup启动Faction,在这一步我们需要选择要使用的IP地址对应的网卡。 ?...例如,信标间隔为10秒,抖动为0.2,信标将在812秒之间随机出现。接受0.01.0之间的值。 导航选择Payload选项卡,并点击New Payload新建一个Payload ?...Tasks:Task页面会显示所有的靶机上所使用过的任务记录。 点击导航上Task选项卡即可进入页面。 ? 点击单个任务即可显示任务的详情输出 ?...Files:您可以在“Files”选项卡上上传文件,这也是您从Agent上载文件的地方。 您可以使用命令中引用文件。API会自动使用给定文件的base64编码的字节数组替换此字符串。

    1.1K10

    关于 Web 缓存的那些风流事儿

    她走过资源计时器开发者工具的网络注册点。在那里,她注册为寻找资源的请求(这意味着如果她能找到匹配的资源,则会出现在开发中工具资源计时器中)。...完成了这些官方登记后,她继续向前…… Service Worker 缓存 内存缓存不一样,Service Woker喜欢不走寻常。他的行为难以预测。因为他只遵循开发者告诉他的规则。 ?...这些问题没有人可以回答她。因为 Service Worker 自成一套,无论是资源的匹配方式还是响应的包装方法,他们都能按照自己的的想法去完成。...浏览器能够为下次导航预取资源。我们可以通过显示的指令()或者依靠浏览器内部机制完成。这些被预取的资源会被保存下来直到下次导航,尽管它们可能是不允许缓存的。...现在她可以回去渲染这个资源了。 在他们回程的路上,他们走过了 HTTP 缓存,并且话费了一些时间去复制了一份资源以备日后使用

    43920

    如何运用Wercker开发与部署应用程序

    在 Web 浏览器中,导航 Wercker 主页并注册一个免费帐户。 1.png 2. 最简单的注册方法就是使用您的 GitHub 帐户。...使用环境变量$DOCKER_USERNAME$DOCKER_PASSWORD,这样可以保存您的二进制文件一个轻量级的scratch映像中。...这是让 “当前” 应用程序一直运行的一种简单方法。请记住,这只是一个您可以自定义流程的示例。 Golang入门 —— 使用 Wercker CLI 的示例 最后一个示例介绍了 Wercker CLI。...如果终端应用程序支持复制粘贴,则可以使用 CTL-C CTL-V 将文本从 Wercker 仪表板复制 Linode 的~/.ssh/authorized_keys中。...导航localhost:5000/cities.json。您应该会看到显示的城市列表: 19.png 6. 使用 CTRL + C 关闭程序。

    2.4K30
    领券