极客观点
项目管理
HarmonyOS
自定义NavDestination的title之后，发现导航栏系统左侧按钮仍然存在，如何去除系统的左侧按钮，而实现NavDestination导航栏完全自定义
NavDestination自定义title为Builder类型的组件？
阅读 507
AI BotBETA在 Jetpack Navigation 组件中，自定义 `NavDestination` 的 title 后，如果希望去除系统默认的左侧按钮并实现完全自定义的导航栏，你可以通过以下步骤实现：
1. **自定义 AppBarLayout**: 使用 `AppBarLayout` 来包裹你的自定义工具栏（`Toolbar`）。
2. **隐藏默认导航按钮**: 在你的 `Toolbar` 中，确保没有设置默认的导航图标（例如通过 `setNavigationIcon` 方法设置了一个图标）。如果你使用的是 `NavHostFragment`，可以通过以下代码在代码中隐藏默认的导航按钮：
val navController = findNavController(R.id.nav_host_fragment)
val appBarConfiguration = AppBarConfiguration(navController.graph)
setupActionBarWithNavController(navController, appBarConfiguration) {
// 禁用默认的返回按钮行为
it.setDisplayHomeAsUpEnabled(false)
it.setHomeButtonEnabled(false)
}
```
在这里，`setupActionBarWithNavController` 是 `NavigationUI` 提供的便捷方法，用于将 `Toolbar` 与 `NavController` 关联。通过 lambda 表达式，你可以访问 `Toolbar` 并禁用默认的导航按钮。
- 完全自定义工具栏: 在
Toolbar中添加你自己的视图和布局，包括任何你需要的按钮、文本或其他组件。 - 处理导航逻辑: 既然你已经禁用了默认的导航行为，你需要手动处理任何自定义按钮的点击事件来实现导航或其他功能。
通过以上步骤，你可以实现一个完全自定义的导航栏，同时去除系统默认的左侧按钮。
在 HarmonyOS Next 中，可以通过自定义 NavDestination 的方式来设置 Builder 类型的组件作为标题。你可以使用 NavGraphBuilder 来构建导航图，并在其中设置 NavDestination 的标题属性。