首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏韩曙亮的移动开发专栏

    【Jetpack】Navigation 导航组件 ① ( Navigation 引入 | Navigation 特点 | Navigation 重要组件 | Navigation 使用流程 )

    重要组件 ---- Navigation 重要组件 : Navigation Graph 组件 : 是 Navigation 组件中的 Xml 文件 , 这是新加入的 Xml 文件类型 , 该文件定义在 File name , 输入文件名称即可 , 这里命名为 navigation_graph.xml ; 生成的 " res/navigation/navigation_graph.xml " 文件如下 /apk/res-auto" android:id="@+id/navigation_graph"> </navigation> 3、处理 Navigation Graph 组件报错信息 " :navigation-fragment-ktx:2.4.1' implementation 'androidx.navigation:navigation-ui-ktx:2.4.1' 添加完依赖后 , 重新 Build 一下应用 , Navigation 功能正常使用 ; 4、编辑 Navigation Graph 组件 - 创建 action 跳转 点击 Navigation Graph 中

    2K40编辑于 2023-10-11
  • 来自专栏书山有路勤为径

    Navigation Stack

    Navigation Stack是一个ROS的metapackage,里面包含了ROS在路径规划、定位、地图、异常行为恢复等方面的package,其中运行的算法都堪称经典。 Navigation Stack的主要作用就是路径规划,通常是输入各传感器的数据,输出速度。一般我们的ROS都预装了NavigationNavigation Stack的源代码位于https://github.com/ros-planning/navigation,包括了以下几个package: ? 工作框架 ? 而每一个插件其实也都是一个package,放在Navigation Stack里。 关于move_base我们后面会进一步介绍,先来看看 move_base外围有哪些输入输出。 move_base与插件 move_base算得上是Navigation中的核心节点,之所以称之为核心,是因为它在导航的任务中处于支配地位,其他的一些package都是它的插件。 来看这张图 ?

    1.4K41发布于 2019-05-17
  • 来自专栏三流程序员的挣扎

    Navigation 详解一

    添加依赖 def nav_version = "1.0.0-alpha05" implementation "android.arch.navigation:navigation-fragment:$ nav_version" // use -ktx for Kotlin implementation "android.arch.navigation:navigation-ui:$nav_version File,Resource type 选择 Navigationnavigation_add.png ? navigation_add2.png 直接在右侧设置 id,label 等。 参考: Implement navigation with the Navigation Architecture Component Adding Components to your Project

    1.4K10发布于 2018-09-11
  • 来自专栏全栈程序员必看

    vue-router 报错:Navigation cancelled from“…“ to “…“ with a new navigation.

    vue-router@3.0版本及以上回调形式已经改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…) *

    1.4K20编辑于 2022-09-17
  • 来自专栏全栈程序员必看

    解决报错(Navigation cancelled from “roleList“ to “userlist“ with a new navigation.)

    这个报错的原因:使用新导航取消了从“/roleList”到“/userlist”的导航。

    1.6K30编辑于 2022-09-06
  • 来自专栏三流程序员的挣扎

    Navigation 详解二

    Android Studio 中创建一个 Bottom Navigation Activity,自动生成 Activity。 -- menu/navigation.xml --> <?xml version="1.0" encoding="utf-8"? 而自动创建 Bottom Navigation Activity 时生成的代码里有一句 navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener navigation_bottomnavigationview_2.gif 下面的 item 跟着切换。 with the Navigation Architecture Component Android Navigation Architecture Component 使用详解

    1.7K20发布于 2018-09-11
  • 来自专栏三流程序员的挣扎

    Navigation 详解三

    " /> </fragment> <navigation android:id="@+id/navigation2" app:startDestination="@id/ > </navigation> 内部多了个 <navigation> 节点,startDestination 是 dashboardFragment,而 homeFragment 的两个 action 都指向了这个新的 navigation。 " /> </fragment> <include app:graph="@<em>navigation</em>/bottom_nav_sub_graph"/> </navigation> 效果完全一样 参考: Implement navigation with the Navigation Architecture Component

    1K20发布于 2018-09-11
  • 来自专栏韩曙亮的移动开发专栏

    【Jetpack】Navigation 导航组件 ② ( Navigation 核心要点说明 | 创建 Navigation Graph | 创建 NavHostFragment | 完整代码示例 )

    一、Navigation 导航组件开发核心要点说明 1、Navigation 各子部件的创建顺序 Navigation 导航组件各子部件的创建顺序要点如下 : 首先 , 创建被导航的 Fragment Graph -> NavHostFragment -> NavController , 后面的组件依赖于前面的组件 , 否则无法实现 Navigation 导航 ; 2、导入 Navigation 依赖 使用 Navigation 组件 , 必须导入 Navigation 依赖 , 不同的开发语言导入不同的依赖 : 使用 Java 语言 开发 Navigation 导航 , 导入如下依赖 : dependencies { implementation 'androidx.navigation:navigation-fragment:2.2.2' implementation 'androidx.navigation 'androidx.navigation:navigation-fragment-ktx:2.3.0' implementation 'androidx.navigation:navigation-ui-ktx

    1.2K20编辑于 2023-10-11
  • 来自专栏android技术

    JetPack--Navigation

    JetPack提供了一个工具:Navigation,封装了Fragment的一系列操作,Navigation分为三个组件: 1.Navigation Graph:一种xml资源文件,包含应用程序所有的页面 进行展示的 3.NavController:用于在代码中完成Navigation Graph中具体的页面切换工作 当想要切换Fragment时,使用NavController对象,指定跳转Navigation androidx.navigation.NavController; import androidx.navigation.Navigation; import androidx.navigation.ui.NavigationUI ; import androidx.navigation.Navigation; import android.view.LayoutInflater; import android.view.View ; import androidx.navigation.Navigation; import androidx.navigation.ui.AppBarConfiguration; import androidx.navigation.ui.NavigationUI

    83510编辑于 2021-12-06
  • 来自专栏Android技术专栏

    Navigation的用法

    的主要元素   在正式学习Navigation之前,我们先要对Navigation中的主要元素有一个大致的了解。    Navigation Graph:导航图,包括应用程序所有的页面以及页面间的关系   NavHostFragment:这是一个特殊的Fragment,你可以认为它是其他Fragment的容器,Navigation 三.如何使用Navigation   使用Navigation组件前,先要添加以下依赖:   implementation "androidx.navigation:navigation-fragment :2.5.2"   implementation "androidx.navigation:navigation-ui:2.5.2"   1.创建Navigation Graph     新建一个项目, 然后在res文件夹下新建一个navigation资源目录,如下图所示:      然后在navigation目录下新建一个Navigation Resource File,名字任取,如下图所示:      

    81420编辑于 2023-10-22
  • 来自专栏前端之攻略

    ionic-navigation

    今天弄了一下午navigation,遇到不少问题,及时总结记录, //基础页面,在这个页面上点击每个列表分别显示详细信息 <ion-header> <ion-navbar> <ion-title /about/navigation-detail'; @Component({ templateUrl: 'build/pages/about/about.html' }) export class import {NavController, NavParams} from 'ionic-angular'; @Component({ templateUrl: 'build/pages/about/navigation-detail.html

    88410发布于 2019-04-04
  • 来自专栏全栈程序员必看

    亲测解决 :Navigation cancelled from “xxx“ to “xxx“ with a new navigation

    使用vue 3.0 写了一个登入页面,再点击登入的时候,第一次点击会没有反应,F12查看接口都调用了但是没有跳转,控制台打印出错:

    1.4K10编辑于 2022-09-19
  • 来自专栏program

    Jetpack组件之Navigation

    "androidx.navigation:navigation-fragment:$nav_version" implementation "androidx.navigation:navigation-ui implementation "androidx.navigation:navigation-compose:1.0.0-alpha07" 创建 Navigation Graph 新建一个Android button.setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_navigation_home_to_navigation_dashboard .setGraph(R.navigation.mobile_navigation) .setDestination(R.id.action_navigation_home_to_navigation_dashboard2 <nav-graph android:value="@<em>navigation</em>/mobile_<em>navigation</em>"/> 构建项目时,Navigation 组件会将 <nav-graph /> 标签替换为生成的

    3.6K20编辑于 2022-06-29
  • 来自专栏韩曙亮的移动开发专栏

    【错误记录】Navigation 导航组件报错 ( failed to add navigation dependency )

    :navigation-fragment-ktx:2.3.0' implementation 'androidx.navigation:navigation-ui-ktx:2.3.0' :2.2.2' implementation 'androidx.navigation:navigation-ui:2.2.2' } 一、报错信息 ---- 创建完成后 , 出现如下报错信息 " 'androidx.navigation:navigation-ui:2.2.2' } ② 未正确配置 Navigation 组件。 三、解决方案 ---- 添加 Navigation 导航组件依赖 : implementation 'androidx.navigation:navigation-fragment-ktx:2.4.1 :navigation-fragment-ktx:2.4.1' implementation 'androidx.navigation:navigation-ui-ktx:2.4.1'

    1.2K20编辑于 2023-10-11
  • 来自专栏文大师的新世界

    Navigation实战

    本来想写一个应用redux的Navigation实战,但是发现react-native有又新的更新,新手怕误导大家,就直接用了别人的组件,看看怎么应用吧。 /navigation'; export default class App extends React.Component { render() { return ( Navigation 这里对照react-native-router-flux官方给的例子结合redux: app/navigation.js 'use strict'; import React,

    1.1K20发布于 2018-08-30
  • 来自专栏个人路线

    Router切换Navigation指导

    Navigation作为导航容器组件,可以挂载在单个page节点下,也可以叠加、嵌套。Navigation管理了标题栏、内容区和工具栏,内容区用于显示用户自定义页面的内容,并支持页面的路由能力。 具体可参考文档:Navigation系统路由[8] 生命周期监听 Navigation同样可以通过在observer中实现注册监听。 zh-cn/application-dev/ui/arkts-navigation-navigation.md#自定义转场 [6] Navigation共享元素转场动画: https://gitee.com /openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-navigation-navigation.md#共享元素转场 [7] Navigation /ui/arkts-navigation-navigation.md#路由拦截

    72710编辑于 2024-07-05
  • 来自专栏JusterZhu

    .NET MAUI实战 Navigation

    直接使用Navigation对象即可,通常在移动平台中使用的更多,桌面程序中。我们先来看看微软官方是如何定义的,如下面代码所示。 Task PushModalAsync(Page page, bool animated); void RemovePage(Page page); } 我这里是直接找到了Navigation InitializeComponent(); } private void BtnPage2_Clicked(object sender, EventArgs e) { Navigation.PushAsync (new NewPage2()); } private void BtnPage1_Clicked(object sender, EventArgs e) { Navigation.PushAsync (new NewPage2()); } private void BtnGoback_Clicked(object sender, EventArgs e) { Navigation.PopAsync

    90220编辑于 2022-12-07
  • 来自专栏木子墨的前端日常

    initialProps被React-Navigationnavigation属性覆盖解决方案

    在接收到initialProps之后并不会向下传递,而是只向下传递自身的navigation对象内容因此这个时候我们在组件中就拿不到原生传过来的initialProps内容了。 这个时候就准备在自己的项目上开始各种骚操作尝试一下,但是没等我大展拳脚就发现自己可能掉进react-navigation的坑里了,因为最开始去获取initialProps的时候打印了一下this.props 对象,发现只有navigation一个子属性,于是就把导航去掉试了一下发现initialProps的属性居然就蹦出来了,这个时候基本就可以确定问题出在react-navigation上了。 这个时候去react-navigation的github官网上查一下issue,就发现了这个 ? 看样子楼主遇到了一样的问题,并且真的是一步一步的证明了react-navigation在这个上面的bug,但第一次看了一圈没找到答案,直到第二次才找到答案 ?

    1.3K20发布于 2018-12-24
  • 来自专栏loongwind

    Andrroid Jetpack之Navigation

    = "1.0.0-alpha01" implementation "android.arch.navigation:navigation-fragment:$nav_version" // use -ktx for Kotlin implementation "android.arch.navigation:navigation-ui:$nav_version" // use -ktx > <navigation xmlns:android="http://schemas.android.com/apk/res/android"> </navigation> 是一个navigation app:navGraph="@navigation/nav_graph"将NavHostFragment跟我们刚才创建的navigation关联。 好了到此我们的Navigation初探就到此结束了,更多请参考Google官方文档:Implement navigation

    51720编辑于 2022-09-22
  • 来自专栏岑志军的专栏

    react-navigation的使用

    ScrollView> ); const HomePage = ({ navigation }) => ( <MyNavScreen banner="我是首页" navigation={navigation } /> ); const FirstPage = ({ navigation }) => ( <MyNavScreen banner={`${navigation.state.params.name }s Profile`} navigation={navigation} /> ); const TwoPage = ({ navigation }) => ( <MyNavScreen banner="我是二级页面" navigation={navigation} /> ); const MinePage = ({ navigation }) => ( <MyNavScreen banner="我是我的页面" navigation={navigation} /> ); 效果图: ?

    96760发布于 2018-05-28
领券