package jp.co.progress_llc.portal.feature.depart.route.navigation

import androidx.navigation.NavGraphBuilder
import androidx.navigation.compose.composable
import jp.co.progress_llc.portal.feature.depart.route.presentation.DepartRouteScreen

const val DEPART_ROUTE = "depart_route"

fun NavGraphBuilder.departRouteNavGraph() {
  composable(DEPART_ROUTE) {
    DepartRouteScreen()
  }
}

7行目、10行目

発車予定表示機能の経路一覧編集画面のNavGraph名を定義しています。

10行目～11行目

DepartRouteScreenをNavGraphに登録しています。

package jp.co.progress_llc.portal.feature.depart.route.di

import dagger.Module
import dagger.Provides
import dagger.hilt.InstallIn
import dagger.hilt.components.SingletonComponent
import dagger.multibindings.IntoSet
import androidx.navigation.NavGraphBuilder
import jp.co.progress_llc.portal.feature.depart.route.navigation.departRouteNavGraph

@Module
@InstallIn(SingletonComponent::class)
object DepartRouteNavGraphModule {
  @Provides
  @IntoSet
  fun provideDepartRouteNavGraph(): NavGraphBuilder.() -> Unit = {
    departRouteNavGraph()
  }
}

16行目～18行目

経路一覧編集画面のNavGraphを登録しています。

   :
dependencies {
   :
  implementation(project(":core:navigation"))
  implementation(project(":feature:depart:route"))
   :
}

4行目

LocalNavControllerを使用するのでナビゲーションモジュールへの依存を追記します。

5行目

経路一覧編集画面への依存を追記します。

   :
import androidx.navigation.NavController
import androidx.navigation.compose.rememberNavController
   :
import jp.co.progress_llc.portal.core.navigation.LocalNavController
import jp.co.progress_llc.portal.feature.depart.route.navigation.DEPART_ROUTE
   :
fun DepartHomeScreen() {
fun DepartHomeScreen(
  navController: NavController = LocalNavController.current
) {
   :
      CustomExposedDropdownMenuBox(
   :
        onAdditionalItemClick = { }
        onAdditionalItemClick = { navController.navigate(DEPART_ROUTE) }
   :
fun DepartHomeScreenPreview() {
  AppTheme {
    DepartHomeScreen()
    DepartHomeScreen(navController = rememberNavController())

2行目

NavControllerを使用するために追記します。

3行目

プレビュー用のNavControllerのために追記します。

5行目～6行目

ナビゲーションに必要なimportを追記します。

8行目～11行目

画面の引数にNavControllerrを追記します。

既定でLocalNavControllerから取得しています。

15行目～16行目

ドロップダウンリストの追加アイテムのクリックで経路一覧編集画面へ画面遷移させます。

20行目～21行目

画面の引数を追加したのでプレビューも対応します。

プレビューで画面遷移は行わないでください。