Navigation 2 を 3 に移行する（予定）ためにやったこと

Transcript

1. /BWJHBUJPO
   
   Λ
   
   ʹҠߦ͢Δʢ༧ఆʣ
   ͨΊʹ΍ͬͨ͜ͱ 
2.  4NBSU#BOL
   *OD
   
   .PCJMF
   "QQ
   &OHJOFFS ZPLPNJJʢΑ͜Έʔʣ !JJNPLPZ !ZPLPNJJ
3. X
4. ͍͔ͭ͘గਖ਼🙇
5. /BWJHBUJPO
   
   Λ
   
   ʹҠߦ͢Δʢ༧ఆʣ
   ͨΊʹ΍ͬͨ͜ͱ 
6. గਖ਼
   /BWJHBUJPO
   $PNQPTF
   Λ
   /BWJHBUJPO
   ʹҠߦ͢Δʢ༧ఆʣͨΊʹ΍ͬͨ͜ͱ 
7. /BWJHBUJPO
   $PNQPTF
   Λ
   /BWJHBUJPO
   ʹ
   Ҡߦ͢Δʢ༧ఆʣ ͨΊʹ΍ͬͨ͜ͱ 
8.  /BWJHBUJPO
   
   ͷ҆ఆ൛·ͩͰ͢ʂʂʂʂʂ
9. /BWJHBUJPO
   $PNQPTF
   Λ
   /BWJHBUJPO
   ʹҠߦ͢Δ ʢ༧ఆʣ ͨΊʹ΍ͬͨ͜ͱ 
10.  ൃද্ͷϥΠϒϥϦόʔδϣϯ implementation("androidx.navigation3:navigation3-runtime:1.0.0-alpha08") implementation("androidx.navigation3:navigation3-ui:1.0.0-alpha08") implementation("androidx.lifecycle:lifecycle-viewmodel-navigation3:2.10.0-alpha03") implementation("androidx.compose.material3.adaptive:adaptive-navigation3:1.0.0-alpha01")
11. /BWJHBUJPO
    
12.  /BWJHBUJPO
     IUUQTXXXZPVUVCFDPNXBUDI W(KWHUX40$BP
13.  /BWJHBUJPO
     $PNQPTFઐ༻ʹߏங͞Εͨɺφ ϏήʔγϣϯϥΠϒϥϦ https://android-developers.googleblog.com/2025/05/announcing-jetpack-navigation-3-for-compose.html
14.  /BWJHBUJPO
     ʮ6*ͷঢ়ଶʯͱʮભҠͷঢ়ଶʯ͕ ผ؅ཧ
    
    ը໘ભҠ͸Πϕϯτۦಈ
    
    
    
    
    
    ௚઀ঢ়ଶΛมߋͤͣɺΠϕϯ τʹΑͬͯߋ৽ /BWJHBUJPO
    $PNQPTF
    PME
15.  /BWJHBUJPO
    
    ΧʔυλϒΛબ୒࣌
    
    
    
    
    ᶃ
    6*ͷঢ়ଶΛߋ৽
    
    
    
    
    ᶄ
    ભҠΠϕϯτͷൃՐ
    
    ભҠΠϕϯτ͕ॲཧ͞ΕΔ·Ͱͷ ؒɺঢ়ଶͷෆҰக͕ൃੜ /BWJHBUJPO
    $PNQPTF
    PME
16.  /BWJHBUJPO
     ભҠΠϕϯτ͕ॲཧ͞ΕͯɺΑ͏ ΍͘ঢ়ଶ͕Ұக /BWJHBUJPO
    $PNQPTF
    PME
17.  /BWJHBUJPO
     ʮ6*ͷঢ়ଶʯͱɺʮભҠͷঢ়ଶʯ ͕ಉҰ৘ใʢ4405ʣ
    /BWJHBUJPO
    
    OFX
18.  /BWJHBUJPO
     ભҠΠϕϯτͳ͠Ͱը໘ભҠ
    
    
    
    
    ঢ়ଶ͕Ұ࣌తʹෆҰகʹͳΔ ϦεΫ͕ͳ͍
    
    
    
    
    ঢ়ଶ؅ཧͷෳࡶ͞Λܰݮ
    /BWJHBUJPO
    
    OFX
19. /BW
    #BDL
    TUBDL
20.  /BW
    #BDL
    TUBDL όοΫελοΫ͸zঢ়ଶzΛ಺แ͢ ΔϦετ
    val backStack : List<Any> = remember { mutableListOf<Any>(FoodList) } data object FoodList data class FoodDetail(val id: String)
21.  /BW
    #BDL
    TUBDL όοΫελοΫ͕؅ཧ͢Δঢ়ଶΛ ΩʔͱݺͿ
    
    
    
    
    
    "OZܕ
    val backStack : List<Any> = remember { mutableListOf<Any>(FoodList) } data object FoodList data class FoodDetail(val id: String)
22.  /BW
    #BDL
    TUBDL ΩʔʹҾ਺Λ࣋ͨͤΔ͜ͱ͕Ͱ͖ Δ
    val backStack : List<Any> = remember { mutableListOf<Any>(FoodList) } data object FoodList data class FoodDetail(val id: String)
23.  /BW
    #BDL
    TUBDL όοΫελοΫʹ͸ඞͣϧʔτ ΩʔΛઃఆ͢Δ
    
    
    
    
    
    ۭʹͳΔ͜ͱ͸૝ఆ֎ val backStack : List<Any> = remember { mutableListOf<Any>(FoodList) } data object FoodList data class FoodDetail(val id: String)
24.  /BW
    #BDL
    TUBDL 4OBQTIPU4UBUF-JTU
    Λ༻͍Δ͜ͱ Ͱɺಈతͳมߋ௨஌͕Մೳ val backStack : SnapshotStateList<Any> = remember { mutableStateListOf<Any>(FoodList) }
25.  /BW
    #BDL
    TUBDL ελοΫʹΩʔΛ
    BEE
    ͢Δ͜ͱͰ ը໘ભҠ // [ FoodList, FoodDetail ] backStack.add(FoodDetail(id = "lice"))
26.  /BW
    #BDL
    TUBDL SFNPWF
    Ͱલͷը໘ʹ໭Δ // [ FoodList ] backStack.removeLastOrNull()
27.  /BW
    #BDL
    TUBDL ໨తڍಈ /BWJHBUJPO
    $PNQPTF /BW ը໘ਐΉʢ௨ৗͷ
    OBWJHBUFʣ OBW$POUSPMMFSOBWJHBUF lGPPE@MJTUJE GPPE@EFUBJMl CBDL4UBDLBEE 'PPE%FUBJM lJEz ը໘໭Δ OBW$POUSPMMFSQPQ#BDL4UBDL CBDL4UBDLSFNPWF-BTU0S/VMM ೚ҙ஍఺·Ͱ໭ΔʢJODMVTJWFGBMTFʣ OBW$POUSPMMFSQPQ#BDL4UBDL GPPE@MJTU
    JODMVTJWF
    
    GBMTF CBDL4UBDLESPQ-BTU8IJMF
    \
    JU
    
    'PPE-JTU
    ^ ೚ҙ஍఺·Ͱ໭ΔʢJODMVTJWFUSVFʣ OBW$POUSPMMFSQPQ#BDL4UBDL lGPPE@MJTU
    JODMVTJWF
    
    USVF CBDL4UBDLESPQ-BTU8IJMF
    \
    JU
    
    'PPE-JTU
    ^
    CBDL4UBDLESPQ-BTU  MBVODI4JOHMF5PQʢτοϓʹಉ͡ϧʔτ͕͋Δͳ Βੵ·ͳ͍ʣ OBW$POUSPMMFSOBWJHBUF lGPPE@MJTUz \
    MBVODI4JOHMF5PQ
    
    USVF
    ^ JG
    CBDL4UBDLMBTU0S/VMM
    
    'PPE-JTU
    CBDL4UBDLBEE 'PPE-JTU
28.  /BW
    #BDL
    TUBDL SFNFNCFS/BW#BDL4UBDL
    
    ߏ੒ͷมߋ΍ϓϩηεΩϧͰ΋ଘ ଓ͢ΔόοΫελοΫͷ࡞੒
    Ωʔ͸
    /BW,FZ
    ΠϯλʔϑΣʔε Λ࣮૷͠ɺ!4FSJBMJ[BCMF
    ͱ͢Δ @Serializable data object FoodList : NavKey val backStack : SnapshotStateList<NavKey> = rememberNavBackStack(FoodList)
29. /BW%JTQMBZ
30.  /BW%JTQMBZ /BW%JTQMBZ
    όοΫελοΫͷঢ়ଶΛݩʹɺը ໘Λඳը͢Δίϯϙʔωϯτ
    DG
    /BW)PTUʢ/BWJHBUJPO
    $PNQPTFʣ NavDisplay( backStack = backStack, onBack = { backStack.removeLastOrNull() }, entryProvider = { key -> when (key) { is FoodList -> NavEntry(key) { FoodListScreen() } is FoodDetail -> NavEntry(key) { FoodDetailScreen(id = key.id) } else -> error("Unknown route: $key") } } )
31.  /BW%JTQMBZ /BW%JTQMBZCBDL4UBDL
    όοΫελοΫΛઃఆ NavDisplay( backStack = backStack, onBack = { backStack.removeLastOrNull() }, entryProvider = { key -> when (key) { is FoodList -> NavEntry(key) { FoodListScreen() } is FoodDetail -> NavEntry(key) { FoodDetailScreen(id = key.id) } else -> error("Unknown route: $key") } } )
32.  /BW%JTQMBZ /BW%JTQMBZFOUSZ1SPWJEFS
    ΩʔʹରԠ͢Δ
    /BW&OUSZ
    Λฦ͢ ίʔϧόοΫ
    
    
    DG
    /BW(SBQI#VJMEFSDPNQPTBCMF ʢ/BWJHBUJPO
    $PNQPTFʣ NavDisplay( backStack = backStack, onBack = { backStack.removeLastOrNull() }, entryProvider = { key -> when (key) { is FoodList -> NavEntry(key) { FoodListScreen() } is FoodDetail -> NavEntry(key) { FoodDetailScreen(id = key.id) } else -> error("Unknown route: $key") } } )
33.  /BW%JTQMBZ /BW%JTQMBZFOUSZ1SPWJEFS
    FOUSZ1SPWJEFS
    %4-
    Ͱهड़ͷলུ NavDisplay( … entryProvider = entryProvider { entry<FoodList> { FoodListScreen() } entry<FoodDetail>{ key -> FoodDetailScreen(id = key.id) } } )
34.  /BW&OUSZ /BW&OUSZ
    Ωʔͱඳը͢ΔίϯςϯπΛରԠ ͚ͮͨ΋ͷ
    
    
    DG
    /BW#BDL4UBDL&OUSZ ʢ/BWJHBUJPO
    $PNQPTFʣ public open class NavEntry<T : Any>( private val key: T, public val contentKey: Any = defaultContentKey(key), public open val metadata: Map<String, Any> = emptyMap(), private val content: @Composable (T) -> Unit, ) { ... } BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZLU
35.  /BW&OUSZ /BW&OUSZDPOUFOU,FZ
    ΤϯτϦʔͷࣝผࢠ
    
    
    
    
    
    σϑΥϧτ͸
    LFZUP4USJOH public open class NavEntry<T : Any>( private val key: T, public val contentKey: Any = defaultContentKey(key), public open val metadata: Map<String, Any> = emptyMap(), private val content: @Composable (T) -> Unit, ) { ... } internal fun defaultContentKey(key: Any): Any = key.toString() BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZLU
36.  /BW&OUSZ /BW&OUSZNFUBEBUB
    ΤϯτϦʔʹ௥Ճ৘ใΛ෇༩͢Δ ͨΊͷ
    ,FZWBMVF
    Ϛοϓ public open class NavEntry<T : Any>( private val key: T, public val contentKey: Any = defaultContentKey(key), public open val metadata: Map<String, Any> = emptyMap(), private val content: @Composable (T) -> Unit, ) { ... } BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZLU
37.  /BW%JTQMBZ /BW%JTQMBZPO#BDL
    
    γεςϜͷ໭Δૢ࡞Ͱݺ͹ΕΔ ίʔϧόοΫ
    Ҿ਺͸໭Δ΂͖݅਺
    
    
    
    
    Ұ౓ʹෳ਺ͷΤϯτϦʔΛ όοΫ͢Δέʔε͕͋ΓಘΔ NavDisplay( ... onBack = { count -> repeat(count) { backStack.removeLastOrNull() } }, )
38. 4DFOF
    
    4DFOF4USBUFHZ
39.  4DFOF
    
    4DFOF4USBUFHZ /BWJHBUJPO
    
    ͷॏཁͳίϯηϓτ ͸ɺΞμϓςΟϒϨΠΞ΢τʢ͞ ·͟·ͳσόΠεαΠζʹదͨ͠ ϨΠΞ΢τʣʹ͓͚Δը໘ભҠػ ೳΛఏڙ͢Δ͜ͱ
    ͦΕΛ࣮ݱ͢Δ͘͠Έ͕
    4DFOF
    
    4DFOF4USBUFHZ IUUQTXXXZPVUVCFDPNXBUDI W(KWHUX40$BP
40.  4DFOF
    
    4DFOF4USBUFHZ 4DFOF
    ը໘্ʹΤϯτϦʔΛͲͷΑ͏ ʹඳը͢Δ͔Λܾఆ͠ɺඳըॲཧ Λఏڙ public interface Scene<T : Any> { // γʔϯͷҰҙੑΛࣔ͢Ωʔ val key: Any // γʔϯ͕ඳը͢ΔΤϯτϦʔ܈ val entries: List<NavEntry<T>> // γʔϯͷഎ໘ʹඳը͞ΕΔΤϯτϦʔ܈ val previousEntries: List<NavEntry<T>> // ඳըॲཧ val content: @Composable () -> Unit } BOESPJEYOBWJHBUJPOVJ4DFOFLU
41.  4DFOF
    
    4DFOF4USBUFHZ 4DFOF
    γʔϯʹΑͬͯ͸ը໘্ʹෳ਺ ͷΤϯτϦʔΛඳը͢Δ͜ͱ͕͋ Δ
    /BWJHBUJPO
    
    ʹ͓͍ͯ͸ɺΤϯ τϦʔ
    ʺ
    ը໘ public interface Scene<T : Any> { // ෳ਺ඳը͢ΔՄೳੑ͕͋ΔͷͰϦετ val entries: List<NavEntry<T>> ... } BOESPJEYOBWJHBUJPOVJ4DFOFLU
42.  4DFOF
    
    4DFOF4USBUFHZ 4DFOF4USBUFHZ
    /BW%JTQMBZ
    ্ͷΤϯτϦʔ܈Λ Ͳͷ
    4DFOF
    Ͱඳը͢Δ͔Λܭࢉ ͢Δ public fun interface SceneStrategy<T : Any> { @Composable public fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit ): Scene<T>? } BOESPJEYOBWJHBUJPOVJ4DFOF4USBUFHZLU
43.  4DFOF
    
    4DFOF4USBUFHZ DBMDVMBUF4DFOF PO#BDL
    /BW%JTQMBZ
    ʹઃఆͨ͠ίʔϧόο ΫͷͦΕ
    ෳ਺ΤϯτϦʔΛඳը࣌ɺҰ౓ʹ ෳ਺ΤϯτϦʔΛόοΫ͢Δ͜ͱ ͕͋Δ
    
    
    
    
    ˠ
    γʔϯ಺ͰίʔϧόοΫΛ࣮ ߦ public fun interface SceneStrategy<T : Any> { @Composable public fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit ): Scene<T>? } BOESPJEYOBWJHBUJPOVJ4DFOF4USBUFHZLU
44.  4DFOF
    
    4DFOF4USBUFHZ 4JOHMF1BOF4DFOF4USBUFHZ
    /BW%JTQMBZ
    ͷσϑΥϧτετϥ ςδʔ @Composable public fun <T : Any> NavDisplay( ɹɹɹɹ... sceneStrategy: SceneStrategy<T> = SinglePaneSceneStrategy() ... ) BOESPJEYOBWJHBUJPOVJ/BW%JTQMBZLU
45.  4DFOF
    
    4DFOF4USBUFHZ 4JOHMF1BOF4DFOF4USBUFHZ
    4JOHMF1BOFM4DFOF
    Λੜ੒ public class SinglePaneSceneStrategy<T : Any> : SceneStrategy<T> { @Composable override fun calculateScene( ... ): Scene<T> = SinglePaneScene( key = entries.last().contentKey, entry = entries.last(), previousEntries = entries.dropLast(1), ) } BOESPJEYOBWJHBUJPOVJ/BW%JTQMBZLU
46.  4DFOF
    
    4DFOF4USBUFHZ 4JOHMF1BOF4DFOF
    /BW%JTQMBZ
    ͷσϑΥϧτͷγʔ ϯ
    ը໘্ʹΤϯτϦʔΛඳը͢Δ ͚ͩ internal data class SinglePaneScene<T : Any>( override val key: Any, val entry: NavEntry<T>, override val previousEntries: List<NavEntry<T>>, ) : Scene<T> { override val entries: List<NavEntry<T>> = listOf(entry) // ༩͑ΒΕͨ1ΤϯτϦʔΛͦͷ··ඳը͍ͯ͠Δ override val content: @Composable () -> Unit = { entry.Content() } } BOESPJEYOBWJHBUJPOVJ4JOHMF1BOFM4DFOFLU
47.  4DFOF
    
    4DFOF4USBUFHZ BEBQUJWFOBWJHBUJPO
    ϥΠϒϥ ϦͰ͸ɺʮϦετৄࡉϨΠΞ΢ τʯΛ࣮૷͢ΔͨΊͷ
    4DFOF
    
    4DFOF4USBUFHZ
    Λఏڙ IUUQTNNBUFSJBMJPGPVOEBUJPOTMBZPVUDBOPOJDBMMBZPVUTMJTUEFUBJM
48.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    /BW%JTQMBZ
    ͷ
    TDFOF4USBUFHZ
    Ҿ ਺ʹ
    -JTU%FUBJM4DFOF4USBUFHZ
    Λઃఆ import androidx.compose.material3.adaptive.navigat ion3.rememberListDetailSceneStrategy NavDisplay( sceneStrategy = rememberListDetailSceneStrategy(), ... )
49.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    -JTU%FUBJM4DFOF4USBUFHZ
    Ͱ͸ɺ όοΫελοΫͷ࠷ޙͷ
    Τϯτ Ϧʔʢݱࡏඳը͢΂͖ը໘ʣ͕ɺ γʔϯͷର৅Ͱ͋Δ͔Λ֬ೝ͢Δ @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit, ): Scene<T>? { val lastPaneMetadata = getPaneMetadata(entries.last()) ?: return null ... } private fun <T : Any> getPaneMetadata(entry: NavEntry<T>): PaneMetadata? = entry.metadata[ListDetailRoleKey] as? PaneMetadata BOESPJEYDPNQPTFNBUFSJBMBEBQUJWFOBWJHBUJPO-JTU%FUBJM4DFOF4USBUFHZLU
50.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    ର৅ΤϯτϦʔͰ͋Δ͔ͷ֬ೝख ஈͱͯ͠ɺΤϯτϦʔͷϝλσʔ λΛνΣοΫ͢Δ @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit, ): Scene<T>? { val lastPaneMetadata = getPaneMetadata(entries.last()) ?: return null ... } private fun <T : Any> getPaneMetadata(entry: NavEntry<T>): PaneMetadata? = entry.metadata[ListDetailRoleKey] as? PaneMetadata BOESPJEYDPNQPTFNBUFSJBMBEBQUJWFOBWJHBUJPO-JTU%FUBJM4DFOF4USBUFHZLU
51.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    ϝλσʔλ͸ΤϯτϦʔͷҾ਺ʹ ઃఆ NavDisplay( ... entryProvider = entryProvider { entry<FoodList>( metadata = ListDetailSceneStrategy.listPane() ) { ... } entry<FoodDetail>( metadata = ListDetailSceneStrategy.detailPane() ) { ... } } )
52.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    ΤϯτϦʔ͕γʔϯͷର৅ͳΒɺ ޙଓͷର৅ΤϯτϦʔΛଋͶΔ @Composable override fun calculateScene( ... ): Scene<T>? { ... val scaffoldEntries = mutableListOf<NavEntry<T>>() var idx = entries.lastIndex while (idx >= 0) { val paneMetadata = getPaneMetadata(entry) ?: break ... scaffoldEntries.add(0, entries[i]) i-- } ... } BOESPJEYDPNQPTFNBUFSJBMBEBQUJWFOBWJHBUJPO-JTU%FUBJM4DFOF4USBUFHZLU
53.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    ଋͶͨΤϯτϦʔΛҾ਺ʹɺ 5ISFF1BOF4DB ff PME4DFOF
    Λੜ ੒
    
    
    
    
    
    PO#BDL
    ίʔϧόοΫΛγʔ ϯʹ౉͢ @Composable override fun calculateScene( ... ): Scene<T>? { ... val scaffoldEntries = mutableListOf<NavEntry<T>>() … val scene = ThreePaneScaffoldScene( onBack = onBack, scaffoldEntries = scaffoldEntries, ... ) ... } BOESPJEYDPNQPTFNBUFSJBMBEBQUJWFOBWJHBUJPO-JTU%FUBJM4DFOF4USBUFHZLU
54.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    5ISFF1BOF4DB ff PME4DFOF
    Ͱɺը ໘αΠζʹԠͨ͡
    1BOF
    ਺Λܭࢉ
    
    
    
    
    
    খը໘
    ˠ
    
    1BOF
    
    
    
    
    
    େը໘
    ˠ
    
    1BOFʢ-JTU
    
    %FUBJMʣ
    
    1BOF
    ͷͱ͖͸
    4JOHMF1BOF4DFOF
    ʹඳըΛҕৡ
55.  4DFOF
    
    4DFOF4USBUFHZ ϦετৄࡉϨΠΞ΢τ࣮૷ྫ
    5ISFF1BOF4DB ff PME4DFOF
    Ͱɺ໭ Δૢ࡞Ͱ
    QPQ
    ͢ΔΤϯτϦʔ਺Λ ܭࢉ
    ܭࢉ݁ՌΛҾ਺ʹࢦఆͯ͠
    PO#BDL
    ίʔϧόοΫΛ࣮ߦ
56.  4DFOF
    
    4DFOF4USBUFHZ
57. 0WFSMBZ4DFOF
58.  0WFSMBZ4DFOF 0WFSMBZ4DFOF
    ଞͷγʔϯʹ෴͍ඃ͞ΔΑ͏ʹඳ ը͢Δγʔϯ public interface OverlayScene<T : Any> : Scene<T> { // ͜ͷγʔϯ͕෴͍ඃ͞ΔΤϯτϦʔ܈ public val overlaidEntries: List<NavEntry<T>> } BOESPJEYOBWJHBUJPOVJ0WFSMBZ4DFOFLU
59.  0WFSMBZ4DFOF /BW%JTQMBZ
    Ͱ͸௨ৗͷγʔϯΛ
    "OJNBUFE$POUFOU಺
    Ͱඳըޙɺ 0WFSMBZ4DFOF
    Λඳը͢Δ @Composable public fun <T : Any> NavDisplay(...) { ... transition.AnimatedContent(...) { ... targetScene.content() ... } ... overlayScenes.fastForEachReversed { overlayScene -> ... overlayScene.content.invoke() ... } ... } BOESPJEYOBWJHBUJPOVJ/BW%JTQMBZLU
60. %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ
61.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ %JBMPH4DFOF
    ΤϯτϦʔΛμΠΞϩάͱͯ͠ඳ ը͢Δγʔϯ
    /BW%JTQMBZ
    ͷҾ਺ʹ
    %JBMPH4DFOF4USBUFHZ
    Λઃఆ͢ Δ͜ͱͰ࢖༻Մೳ val dialogStrategy = remember { DialogSceneStrategy<NavKey>() } NavDisplay( sceneStrategy = dialogStrategy, ... )
62.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ ετϥςδʔ͸ෳ਺ઃఆ͕Մೳ
    
    
    
    
    
    ઃఆॱংͰΤϯτϦʔͷର৅ γʔϯΛ୳͢
    
    
    
    
    
    ࠷ॳʹΈ͔ͭͬͨγʔϯʹ ΑͬͯΤϯτϦʔΛඳը
    
    
    
    
    ʢର৅γʔϯ͕ݟ͔ͭΒͳ͚Ε ͹
    4JOHMF1BOF4DFOF
    Ͱඳըʣ NavDisplay( sceneStrategy = dialogStrategy .then(otherStrategy) ... )
63.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ μΠΞϩάͱͯ͠ඳը͢ΔΤϯτ Ϧʔʹ
    %JBMPH4DFOF4USBUFHZEJBMPH
    ϝ λσʔλΛઃఆ
    %JBMPH1SPQFSUJFT
    ͸ɺγʔϯͰ ඳը͢Δ
    %JBMPH
    ίϯϙʔωϯτ ʹద༻͞ΕΔ NavDisplay( entryProvider = entryProvider { ... entry<FoodPopUp>( metadata = DialogSceneStrategy.dialog( dialogProperties = DialogProperties( dismissOnClickOutside = false ) ) ) { ... } } ... )
64.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ %JBMPH4DFOF4USBUFHZ
    Ͱɺඳըର ৅ͷΤϯτϦʔʹϝλσʔλ͕ઃ ఆ͞Ε͍ͯΔ͔Λ֬ೝ
    ϝλσʔλ͕ઃఆ͞Ε͍ͯͨΒ
    %JBMPH1SPQFSUJFT
    Λऔಘͯ͠γʔ ϯΛ࡞੒ public class DialogSceneStrategy<T : Any>() : SceneStrategy<T> { @Composable public override fun calculateScene(...): Scene<T>? { val lastEntry = entries.lastOrNull() val dialogProperties = lastEntry?.metadata?.get(DIALOG_KEY) as? DialogProperties return dialogProperties?.let { properties -> DialogScene( ... ) } } } BOESPJEYOBWJHBUJPOVJ%JBMPH4DFOFLU
65.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ %JBMPH4DFOF
    ͰɺΤϯτϦʔͷί ϯςϯπΛ
    %JBMPH
    ίϯϙʔωϯ τ্Ͱඳը import androidx.compose.ui.window.Dialog internal class DialogScene<T : Any>( private val entry: NavEntry<T>, private val dialogProperties: DialogProperties, private val onBack: (count: Int) -> Unit, ... ) : OverlayScene<T> { ... override val content: @Composable (() -> Unit) = { Dialog( onDismissRequest = { onBack(1) }, properties = dialogProperties ) { entry.Content() } } } BOESPJEYOBWJHBUJPOVJ%JBMPH4DFOFLU
66.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ ϝλσʔλ͔Βऔಘͨ͠
    %JBMPH1SPQFSUJFT
    ͱɺPO#BDL
    ίʔϧόοΫΛ
    %JBMPH
    ʹઃఆ internal class DialogScene<T : Any>( private val entry: NavEntry<T>, private val dialogProperties: DialogProperties, private val onBack: (count: Int) -> Unit, ... ) : OverlayScene<T> { ... override val content: @Composable (() -> Unit) = { Dialog( onDismissRequest = { onBack(1) }, properties = dialogProperties ) { entry.Content() } } } BOESPJEYOBWJHBUJPOVJ%JBMPH4DFOFLU
67.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ
68.  %JBMPH4DFOF
    
    %JBMPH4DFOF4USBUFHZ μΠΞϩάΛʮಠཱͨ͠ΤϯτϦʔʯͰඳը͢ΔϝϦοτ
    ᶃ
    όοΫελοΫͰදࣔ؅ཧ͕Ͱ͖Δ
    ᶄ
    ΤϯτϦʔͷϥΠϑαΠΫϧʹ࿈ಈ͢Δঢ়ଶϗϧμʢ4BWFE4UBUFɺ7JFX.PEFM
    ͳͲʣ Λ࣋ͨͤΔ͜ͱ͕Մೳ
69. /BW&OUSZ%FDPSBUPS
70.  /BW&OUSZ%FDPSBUPS /BW&OUSZ%FDPSBUPS
    
    ΤϯτϦʔʹঢ়ଶ΍੹຿Λ֦ு͢ Δػೳ public class NavEntryDecorator<T : Any> internal constructor( internal val onPop: (key: Any) -> Unit, internal val navEntryDecorator: @Composable (entry: NavEntry<T>) -> Unit, ) BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZ%FDPSBUPSLU
71.  /BW&OUSZ%FDPSBUPS /BW&OUSZ%FDPSBUPSOBW&OUSZ%FD PSBUPS
    ΤϯτϦʔͷίϯςϯπΛඳը͢ Δͱͱ΋ʹɺ֦ுॲཧΛ࣮૷͢Δ public class NavEntryDecorator<T : Any> internal constructor( internal val onPop: (key: Any) -> Unit, internal val navEntryDecorator: @Composable (entry: NavEntry<T>) -> Unit, ) BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZ%FDPSBUPSLU
72.  /BW&OUSZ%FDPSBUPS /BW&OUSZ%FDPSBUPSPO1PQ
    ΤϯτϦʔ͕όοΫελοΫ͔Β
    QPQ
    ͞ΕΔͱ͖ʹݺ͹Εɺޙॲཧ Λ࣮૷͢Δ public class NavEntryDecorator<T : Any> internal constructor( internal val onPop: (key: Any) -> Unit, internal val navEntryDecorator: @Composable (entry: NavEntry<T>) -> Unit, ) BOESPJEYOBWJHBUJPOSVOUJNF/BW&OUSZ%FDPSBUPSLU
73.  /BW&OUSZ%FDPSBUPS /BW&OUSZ%FDPSBUPS
    ͸
    /BW%JTQMBZ
    ͷҾ਺ʹෳ਺ઃఆͰ ͖Δ
    ઃఆͨ͠શσίϨʔλʔॲཧ͕ఆ ٛॱংͰΤϯτϦʔʹద༻͞ΕΔ @Composable public fun <T : Any> NavDisplay( ... entryDecorators: List<NavEntryDecorator<*>> = listOf( rememberSceneSetupNavEntryDecorator(), rememberSavedStateNavEntryDecorator(), ), ... ){ ... } BOESPJEYOBWJHBUJPOVJ/BW%JTQMBZLU
74.  /BW&OUSZ%FDPSBUPS /BW%JTQMBZ
    ͸σϑΥϧτͰҎԼ ͷσίϨʔλʔΛઃఆ
    
    
    
    
    ɹ4DFOF4FUVQ/BW&OUSZ%FDPSBUPS
    
    
    
    
    ɹ4BWFE4UBUF/BW&OUSZ%FDPSBUPS @Composable public fun <T : Any> NavDisplay( ... entryDecorators: List<NavEntryDecorator<*>> = listOf( rememberSceneSetupNavEntryDecorator(), rememberSavedStateNavEntryDecorator(), ), ... ){ ... } BOESPJEYOBWJHBUJPOVJ/BW%JTQMBZLU
75.  /BW&OUSZ%FDPSBUPS 4DFOF4FUVQ/BW&OUSZ%FDPSBUPS
    ΤϯτϦʔͷঢ়ଶ͕γʔϯؒͷҠ ಈͰࣦΘͳ͍Α͏ʹ੍ޚΛ͢Δ public fun SceneSetupNavEntryDecorator(): NavEntryDecorator<Any> { val movableContentMap: MutableMap<Any, @Composable (@Composable () -> Unit) -> Unit> = mutableStateMapOf() return navEntryDecorator( onPop = { contentKey -> movableContentMap.remove(contentKey) } ) { entry -> ... val movableContent = remember { movableContentMap.getOrPut(contentKey) { movableContentOf { content -> content() } } } movableContent { entry.Content() } ... } } BOESPJEYOBWJHBUJPOVJ4DFOF4FUVQ/BW&OUSZ%FDPSBUPSLU
76.  /BW&OUSZ%FDPSBUPS 4DFOF4FUVQ/BW&OUSZ%FDPSBUPS
    NPWBCMF$POUFOU0G
    ͰΤϯτ ϦʔͷίϯςϯπΛϥοϓ͠ɺ SFNFNCFS
    ঢ়ଶΛอ࣋
    return navEntryDecorator( ... ) { entry -> ... val movableContent = remember { movableContentMap.getOrPut(contentKey) { movableContentOf { content -> content() } } } movableContent { entry.Content() } ... } } BOESPJEYOBWJHBUJPOVJ4DFOF4FUVQ/BW&OUSZ%FDPSBUPSLU
77.  /BW&OUSZ%FDPSBUPS 4DFOF4FUVQ/BW&OUSZ%FDPSBUPS
    PO1PQ
    Ͱ
    QPQ
    ͞ΕͨΤϯτϦʔ ͷίϯςϯπΛϝϞϦղ์ return navEntryDecorator( onPop = { contentKey -> ɹɹɹɹɹmovableContentMap.remove(contentKey) } ) {ɹ...ɹ} BOESPJEYOBWJHBUJPOVJ4DFOF4FUVQ/BW&OUSZ%FDPSBUPSLU
78.  /BW&OUSZ%FDPSBUPS 4BWFE4UBUF/BW&OUSZ%FDPSBUPS
    ΤϯτϦʔݻ༗ͷ
    4BWFE4UBUF3FHJTUSZ 0XOFS
    Λ ఏڙ
    
    
    
    
    
    SFNFNCFS4BWFBCMF
    ͷੜଘظ ͕ؒΤϯτϦʔʹඥͮ͘Α͏ʹͳ Δ public fun SavedStateNavEntryDecorator( saveableStateHolder: SaveableStateHolder ): NavEntryDecorator<Any> { val onPop: (Any) -> Unit ={ contentKey -> saveableStateHolder.removeState(contentKey) } return navEntryDecorator(onPop = onPop) { entry -> saveableStateHolder.SaveableStateProvider( entry.contentKey ) { entry.Content() } } } BOESPJEYOBWJHBUJPOSVOUJNF4BWFE4UBUF/BW&OUSZ%FDPSBUPSLU
79.  /BW&OUSZ%FDPSBUPS 4BWFE4UBUF/BW&OUSZ%FDPSBUPS
    4BWFBCMF4UBUF1SPWJEFS
    ͷ
    LFZ
    ʹΤϯτϦʔͷࣝผࢠ ʢDPOUFOU,FZʣΛઃఆ͢Δ͜ͱ ͰɺΤϯτϦʔݻ༗ͷ
    4BWFE4UBUF3FHJTUSZ
    Λੜ੒ public fun SavedStateNavEntryDecorator( saveableStateHolder: SaveableStateHolder ): NavEntryDecorator<Any> { val onPop: (Any) -> Unit ={ contentKey -> saveableStateHolder.removeState(contentKey) } return navEntryDecorator(onPop = onPop) { entry -> saveableStateHolder.SaveableStateProvider( entry.contentKey ) { entry.Content() } } } BOESPJEYOBWJHBUJPOSVOUJNF4BWFE4UBUF/BW&OUSZ%FDPSBUPSLU
80.  /BW&OUSZ%FDPSBUPS 4BWFE4UBUF/BW&OUSZ%FDPSBUPS
    PO1PQ
    Ͱঢ়ଶഁغ public fun SavedStateNavEntryDecorator( saveableStateHolder: SaveableStateHolder ): NavEntryDecorator<Any> { val onPop: (Any) -> Unit ={ contentKey -> saveableStateHolder.removeState(contentKey) } return navEntryDecorator(onPop = onPop) { entry -> saveableStateHolder.SaveableStateProvider( entry.contentKey ) { entry.Content() } } } BOESPJEYOBWJHBUJPOSVOUJNF4BWFE4UBUF/BW&OUSZ%FDPSBUPSLU
81.  /BW&OUSZ%FDPSBUPS 7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS
    ΤϯτϦʔݻ༗ͷ
    7JFX.PEFM4UPSF0XOFS
    Λఏڙ
    
    
    
    BOESPJEYMJGFDZDMFMJGFDZDMF WJFXNPEFMOBWJHBUJPO public fun ViewModelStoreNavEntryDecorator( viewModelStore: ViewModelStore, shouldRemoveStoreOwner: () -> Boolean, ): NavEntryDecorator<Any> { val storeOwnerProvider: EntryViewModel = viewModelStore.getEntryViewModel() val onPop: (Any) -> Unit = { key -> if (shouldRemoveStoreOwner()) { storeOwnerProvider .clearViewModelStoreOwnerForKey(key) } } ... return navEntryDecorator(onPop) { entry -> val childViewModelStoreOwner = remember { ... } CompositionLocalProvider( LocalViewModelStoreOwner provides childViewModelStoreOwner ) { entry.Content() } } } BOESPJEYMJGFDZDMFWJFXNPEFMOBWJHBUJPO7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPSLU
82.  /BW&OUSZ%FDPSBUPS 7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS
    $PNQPTJUJPO-PDBM1SPWJEFS
    Ͱ
    -PDBM7JFX.PEFM4UPSF0XOFS
    Λ ઃఆ public fun ViewModelStoreNavEntryDecorator( ... ): NavEntryDecorator<Any> { ... return navEntryDecorator(onPop) { entry -> ... CompositionLocalProvider( LocalViewModelStoreOwner provides childViewModelStoreOwner ) { entry.Content() } } } BOESPJEYMJGFDZDMFWJFXNPEFMOBWJHBUJPO7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPSLU
83.  7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS 7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS
    7JFX.PEFM
    ʹ
    4BWFE4UBUF)BOEMFS
    Λఏڙ͢Δ ͨΊͷઃఆ
    
    
    
    
    
    4BWFE4UBUF/BW&OUSZ%FDPSBUPS
    ʹΑͬͯఏڙ͞ΕΔ
    4BWFE4UBUF3FHJTUSZ0XOFS
    Λ༻͍ ΔલఏͰઃܭ͞Ε͍ͯΔ public fun ViewModelStoreNavEntryDecorator( ... ) { ... val savedStateRegistryOwner = LocalSavedStateRegistryOwner.current val childViewModelStoreOwner = remember { object : ViewModelStoreOwner, SavedStateRegistryOwner by savedStateRegistryOwner, ... { ... init { require( this.lifecycle.currentState == Lifecycle.State.INITIALIZED ) { … } enableSavedStateHandles() } } } } BOESPJEYMJGFDZDMFWJFXNPEFMOBWJHBUJPO7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPSLU
84.  7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS 7JFX.PEFM4UPSF/BW&OUSZ%FDPSBUPS
    ͸ඞͣ
    4BWFE4UBUF/BW&OUSZ%FDPSBUPS
    ͷ ޙʹఆٛ͢Δ NavDisplay( ... entryDecorators = listOf( rememberSceneSetupNavEntryDecorator(), rememberSavedStateNavEntryDecorator(), // ←ઌʹ rememberViewModelStoreNavEntryDecorator(), // ←ޙʹ ), )
85. ϫϯόϯΫΞϓϦʹ͓͚Δ
    Ҡߦ՝୊ͱܭը
86. ϢχʔΫΩʔͷରԠ
87.  ϢχʔΫΩʔͷରԠ /BWJHBUJPO
    ʢ/BWJHBUJPO
    $PNQPTFʣͱ
    
    ͸ɺόοΫελοΫ্ʹಉҰͷϧʔτ ΦϒδΣΫτʢΩʔʣ͕ଘࡏ͢Δͱ͖ͷΤϯτϦʔͷੜ੒ํ๏ʹࠩҟ͕͋Δ
    /BWJHBUJPO
    ɿ
    
    
    
    
    ಉ͡ϧʔτͰભҠͯ͠΋ຖճ৽ن
    /BW#BDL4UBDL&OUSZ
    ͕ੜ੒͞ΕΔ
    /BWJHBUJPO
    ɿ
    
    
    
    
    Ωʔ͕ಉҰͳΒಉ͡ΤϯτϦʔͱͯ͠ѻΘΕΔ
88.  ϢχʔΫΩʔͷରԠ
89.  ϢχʔΫΩʔͷରԠ σΟʔϓϦϯΫ΍௨஌ͳͲɺ༧ଌ Ͱ͖ͳ͍ભҠ͕ݟࠐ·ΕΔ৔߹ɺ ΩʔॏෳʹΑΔҙਤ͠ͳ͍ঢ়ଶ෮ ݩ͕ൃੜ͠ͳ͍͔Λ֬ೝ͢Δ
    ঢ়ଶ෮ݩΛ๷͙৔߹͸ɺର৅ͷ Ωʔ͕౎౓ϢχʔΫͱͳΔΑ͏ʹ ͢Δ // ຖճ৽͍͠ΩʔΛੜ੒ // ΩʔͷҰҙੑ͸ NavEntry.contentKey ʹΑܾͬͯ·Δ // contentKey ͷσϑΥϧτ͸ key.toString() data class Form( val id: String = UUID.randomUUID().toString() )
90.  ϢχʔΫΩʔͷରԠ /BWJHBUJPO
    
    ͸ͦ΋ͦ΋όοΫε λοΫ্ʹಉҰΩʔ͕ੵ·ΕΔ͜ ͱΛ૝ఆ͍ͯ͠ͳ͍ʁ
    
    
    
    
    
    ࿈ଓͯ͠ಉҰΤϯτϦʔʹભ Ҡ͠Α͏ͱ͢ΔͱɺભҠͷΞχ ϝʔγϣϯ͕ແࢹ͞ΕΔ
    ಉҰΩʔʹʢঢ়ଶΛอ࣋ͭͭ͠ʣ ભҠ͍ͨ͠৔߹͸ɺΩʔ͕ॏෳ͠ ͳ͍Α͏ʹ੍ޚ͢Δ🙆 // ϢχʔΫΩʔΛอͪͭͭભҠ fun <T> MutableList<T>.navigateTo(key: T) { remove(key) add(key) }
91. όοΫελοΫΩʔͷ੍໿
92.  όοΫελοΫΩʔͷ੍໿ όοΫελοΫΛϓϩηεΩϧΛ ލ͍Ͱੜଘͤ͞ΔͨΊʹ͸ɺ SFNFNCFS/BW#BDL4UBDL
    Λ༻͍ Δ
    
    
    
    
    ˠ
    
    !4FSJBMJ[BCMF
    ͷ੍໿͕ੜ ͡Δ @Serializable data object FoodList : NavKey val backStack : SnapshotStateList<NavKey> = rememberNavBackStack(FoodList)
93.  όοΫελοΫΩʔͷ੍໿ ϫϯόϯΫͰ͸
    
    5ZQF
    4BGF
    /BWJHBUJPO
    
    ʢ/BWJHBUJPO
    ʣʹ͓͚Δ
    !4FSJBMJ[BCMF
    ͷ੍໿ʹΑͬͯɺ ͍͔ͭ͘ݒ೦͕ੜ͍ͯ͡Δ @Serializable data class UserRoute(val userId: String)
94.  όοΫελοΫΩʔͷ੍໿ !4FSJBMJ[BCMF
    ੍໿ͷݒ೦ࣄ߲
    
    Ξϊςʔτͷҙਤ͕఻ΘΓͮΒ ͍ʢ͏͔ͬΓফͯ͠͠·͏ڪΕʣ
    
    
    Ξϊςʔτ͕6*ϨΠϠʔΛ௒͑ ͯɺσʔλϨΠϠʹ೾ٴ // ͳΜͷͨΊͷΞϊςʔτʁ @Serializable data class UserRoute(val user: User) // σʔλϨΠϠ͕ Navigation ੍໿Λ஌͍ͬͯΔ @Serializable data class User(val id: String)
95.  όοΫελοΫΩʔͷ੍໿ !4FSJBMJ[BCMF
    
    ੍໿ʹࡍͯ͠ͷίʔυن໿
    
    /BWJHBUJPO
    ໨తͰ͋Δ͜ͱΛࣔ ͢
    UZQFBMJBT
    Λ࢖༻ // φϏήʔγϣϯ໨తͰ͋Δ͜ͱͷ໌ࣔ༻ typealias NavSerializable = kotlinx.serialization.Serializable @NavSerializable data class UserNavKey(val userId: String) : NavKeyɹ
96.  όοΫελοΫΩʔͷ੍໿ !4FSJBMJ[BCMF
    
    ੍໿ʹࡍͯ͠ͷίʔυن໿
    
    6*ϨΠϠʔ֎ͰͷφϏήʔγϣ ϯ໨తͷΞϊςʔτͷېࢭ // UI ϨΠϠʔ֎ͰͷφϏήʔγϣϯ໨తͷΞϊςʔτΛېࢭ // @NavSerializable data class User(val id: String) // ϞσϧσʔλΛɺΩʔσʔλʹม׵ fun UserModel.mapNavKey() = UserNavKey(this.id)ɹ
97. ωετάϥϑͷҠߦ
98.  ωετάϥϑͷҠߦ ϫϯόϯΫΞϓϦͰ͸ɺભҠϑ ϩʔͷΧϓηϧԽͷ໨తͰɺωε τ͞ΕͨφϏήʔγϣϯάϥϑΛ ࠾༻
    
    
    
    
    
    ΧʔυͷೖۚϑϩʔͳͲ NavHost(navController, startDestination = Home) { composable<Home> { HomeScreen() } /** ↓ ωετ͞ΕͨφϏήʔγϣϯάϥϑ **/ navigation<Deposit>( startDestination = DepositStart ) { composable<DepositStart> { DepositStartScreen( ɹɹɹɹɹɹɹ onComplete = { ɹɹɹɹɹɹɹ navController.navigate(DepositComplete) ɹɹɹɹɹɹɹ } ɹɹɹɹɹɹɹ) } composable<DepositComplete> { DepositComplete() } } }
99.  ωετάϥϑͷҠߦ ʮϧʔτΤϯτϦʔ͕
    4UPSF0XOFS
    ͷ
    7JFX.PEFMʯ
    Λ ڞ༻͢Δ͜ͱͰɺάϥϑ಺ͷը໘ ؒͰঢ়ଶڞ༻ navigation<Deposit>(startDestination = DepositStart) { composable<DepositStart> { val parentEntry = remember(it) { navController.getBackStackEntry(Deposit) } val parentViewModel = viewModel<DepositViewModel>( viewModelStoreOwner = parentEntry ) DepositStartScreen( onComplete = { depositData -> /* ωετάϥϑͷϥΠϑαΠΫϧʹσʔλΛอଘ */ parentViewModel.saveDepositData(depositData) navController.navigate(DepositComplete) } ) } composable<DepositComplete> { val parentEntry = ... val parentViewModel = ... DepositComplete(data = parentViewModel.depositData) } }
100.  ωετάϥϑͷҠߦ
101.  ωετάϥϑͷҠߦ /BWJHBUJPO
     
     ͰωετάϥϑΛ࠶ ݱ͢Δʹ͸ɺάϥϑͱ͍ͨ͠Τϯ τϦʔ಺Ͱ
     /BW%JTQMBZ
     Λωετ ͢Δ͚ͩ NavDisplay( backStack = routeBackStack, entryProvider = entryProvider { entry(Home) { HomeScreen() } entry(Deposit) { /* ωετ͞Εͨ NavDisplay */ NavDisplay( ... ) } } )
102.  ωετάϥϑͷҠߦ ⚠
     OBWJHBUJPOVJBMQIB
     Ͱ͸ɺωετ
     /BW%JTQMBZ
     ͷόοΫελοΫ͕࢒Γ ݅ͷͱ͖ʹɺ໭Δૢ࡞Λ͢ΔͱΫϥογϡ
     
     
     
     
     
     ਌
     /BW%JTQMBZ
     ͷ
     QSFEJDUJWF
     CBDL
     HFTUVSF
     ঢ়ଶΛޡೝ͠ɺࣗ਎΋
     QSFEJDUJWF
     CBDL
     த ʹ͋Δͱ൑அ͠ɺଘࡏ͠ͳ͍എ໘γʔϯΛඳը͠Α͏ͱͯ͠Ϋϥογϡ
     εφοϓγϣοτ൛Ͱ͸मਖ਼͞Ε͍ͯΔͷͰɺҰ࣌తͳෆ۩߹ͷ͸ͣ😮
103.  ωετάϥϑͷҠߦ entry(Deposit) { val parentViewModel = viewModel<DepositViewModel>() NavDisplay( backStack = depositBackStack, entryProvider = entryProvider { entry(DepositStart) { DepositStartScreen( onComplete = { depositData -> parentViewModel.saveDepositData(depositData) depositBackStack.add(DepositComplete) } ) } entry(DepositComplete) { DepositCompleteScreen( data = parentViewModel.depositData ) } } ) ) ωετ
     /BW%JTQMBZ
     ಺Ͱ
     7JFX.PEFM
     Λڞ༻͍ͨ͠৔߹ ͸ɺωετ
     /BW%JTQMBZ
     ͷඳըΤ ϯτϦʔΛ
     4UPSF0XOFS
     ͱ͢Δ
     7JFX.PEFM
     Λ༻͍Δ
     
104.  ωετάϥϑͷҠߦ ⚠
     /BW%JTQMBZ
     ωετߏ଄ͷͱ͖ɺ਌
     /BW%JTQMBZ
     ʹࢦఆͨ͠
     4DFOF4USBUFHZ
     
     /BW&OUSZ%FDPSBUPS
     ͸ɺωετ
     /BW%JTQMBZ
     ͷΤϯτϦʔʹ͸ద༻͞Εͳ͍
105. Ҡߦͷॱং
106.  Ҡߦͷॱং ϫϯόϯΫͷݱঢ়ͷφϏήʔγϣ ϯߏ੒
107.  Ҡߦͷॱং Ҡߦ͸ωετάϥϑ͔ΒਐΊΔ
     ᶃ
     ωετάϥϑΛղମ͠ϑϥοτ ͳϧʔτఆٛ ʢ/BW(SBQI#VJMEFSDPNQPTBCMFʣ ʹஔ͖׵͑Δ
     ᶄ
     ಺෦Ͱ
     /BW%JTQMBZ
     Λ༻͍Δ
108.  ωετάϥϑͷҠߦ navigation<Deposit>( startDestination = DepositStart ) { composable<DepositStart> { DepositStartScreen( ... ) } composable<DepositComplete> { DepositCompleteScreen( ... ) } } composable<Deposit> { val depositBackStack = remember { mutableStateListOf<Any>(DepositStart) } NavDisplay( backStack = depositBackStack, entryProvider = entryProvider { entry<DepositStart> { DepositStartScreen( ... ) } entry<DepositComplete> { DepositCompleteScreen( ... ) } } ) }
109.  ܭըᶃ
     ωετ͞ΕͨάϥϑͷҠߦ composable<Deposit> { ... ɹɹ val parentViewModel =ɹ viewModel<DepositViewModel>() NavDisplay( backStack = depositBackStack, entryProvider = entryProvider { entry<DepositStart> { ... } entry<DepositComplete> { DepositCompleteScreen( data = parentViewModel.depositData ) } } ) } ΤϯτϦʔؒͰڞ༻͢Δ
     7JFX.PEFM
     ͸
     /BW#BDL4UBDL&OUSZ
     ௚ԼͰੜ੒ ͠ɺ֤ΤϯτϦʔͰ௚઀ࢀর͢Δ
110.  Ҡߦͷॱং ωετάϥϑͷҠߦ͕શͯ׬ྃ͠ ͨΒɺ/BW)PTU
     Λ
     /BW%JTQMBZ
     ʹ ஔ͖׵͑Δ
111. )JMU 7JFX.PEFM
     ͱͷ౷߹
112.  )JMU 7JFX.PEFM
     ͱͷ౷߹ /BWJHBUJPO
     
     Ͱ
     )JMU7JFX.PEFM
     Λ࢖༻͢Δ৔߹͸ɺ௨ৗͷ
     7JFX.PEFM
     ࢖༻࣌ͱಉ༷ʹɺ 7JFX.PEFM4UPSF/BW&OUSZ%FDP SBUPS
     Λઃఆ͢Δ NavDisplay( entryDecorators = listOf( … rememberViewModelStoreNavEntryDecorator() ), entryProvider = entryProvider { entry(DetailKey) { val viewModel = hiltViewModel<DetailViewModel>() } } ... ) @HiltViewModel class DetailViewModel @AssistedInject constructor( val detailRepository: DetailRepository ) { ... }
113.  )JMU 7JFX.PEFM
     ͱͷ౷߹ /BWJHBUJPO
     $PNQPTF
     ͷ
     /BW"SHT
     ͸
     7JFX.PEFM
     ͷ
     4BWFE4UBUF)BOEMF
     ʹࣗಈͰ อଘ͞ΕΔ͕ɺ
     /BWJHBUJPO
     ͷ
     Ωʔ͸อଘ͞Εͳ͍
     ʢΩʔ͸"OZܕͳͷͰɺ4BWFE4UBUF
     ʹอଘͰ͖Δܗࣜͱ͸ݶΒͳ͍ʣ
114.  )JMU 7JFX.PEFM
     ͱͷ౷߹ !"TTJTUFE'BDUPSZ
     ܦ༝ͰΩʔΛ
     
     %*
     ͢Δྫ NavDisplay( entryProvider = entryProvider { entry(DetailKey) { val viewModel = ɹɹɹɹɹ hiltViewModel<DetailViewModel,DetailViewModel.Factory>( creationCallback = { factory -> factory.create(key) } ) } } ... ) @HiltViewModel(assistedFactory = DetailViewModel.Factory::class) class DetailViewModel @AssistedInject constructor( @Assisted val key : DetailKey ) : ViewModel() { @AssistedFactory interface Factory { fun create(navKey: DetailKey): DetailViewModel } }
115. σΟʔϓϦϯΫφϏήʔγϣϯ
116.  σΟʔϓϦϯΫφϏήʔγϣϯ /BWJHBUJPO
     
     Ͱ͸
     /BWJHBUJPO
     
     ͱಉ౳ͷσΟʔϓϦϯΫ63-ͷϋϯυϦϯάػೳ ͕ݱঢ়αϙʔτ͞Εͯͳ͍
117.  σΟʔϓϦϯΫφϏήʔγϣϯ Ծʹ
     63-Λࣗಈղੳ
     ὎
     Ωʔʹม׵
     ὎
     όοΫελοΫʹੵΉ
     ͱ͍ͬͨػೳ͕ϥΠϒϥϦͰఏڙ ͞Εͨ৔߹ɺόοΫελοΫΛࣗ લͰ؅ཧͰ͖Δར఺͔Βҳ୤͢ Δɾɾ
     
     
     
     
     ˠ
     ͢ͳΘͪࣗલ࣮૷͕ٻΊΒ ΕΔ͔΋ʁ
118.  σΟʔϓϦϯΫφϏήʔγϣϯ ࣗલͰϋϯυϦϯάॲཧΛ࣮૷͢ Δྫᶃ
     
     ΩʔʹରԠ͢Δ63-จࣈྻΛฦ ͢ΠϯλʔϑΣʔε
     
     63-จࣈྻ͔ΒΩʔʹม׵͢Δ ΠϯλʔϑΣʔε
     Λఆٛ // ΩʔͰ࣮૷ fun interface NavDeepLinkKey: NavKey { fun toUrl(): String? } // Ωʔ΋͘͠͸Ωʔ಺ͷ companion object Ͱ࣮૷ fun interface NavDeeplinkParser { fun parse(url: String): NavDeepLinkKey? }
119.  σΟʔϓϦϯΫφϏήʔγϣϯ ࣗલͰϋϯυϦϯάॲཧΛ࣮૷͢ Δྫᶄ
     %BUB
     PCKFDU
     Ͱ͸ɺ྆ํͷΠϯ λʔϑΣʔεΛ࣮૷ data object Home : NavDeepLinkKey, NavDeeplinkParser { override fun toUrl(): String = "myapp://home" override fun parse(url: String) = if (url == toUrl()) Home else null }
120.  σΟʔϓϦϯΫφϏήʔγϣϯ ࣗલͰϋϯυϦϯάॲཧΛ࣮૷͢ Δྫᶅ
     %BUB
     DMBTT
     Ͱ͸ɺΫϥεͱ
     $PNQBOJPO
     PCKFDU
     ʹ෼͚࣮ͯ૷ data class Detail(val id: String) : NavDeepLinkKey { override fun toUrl(): String = “$URL${id}" // ύʔεॲཧ͸ Companion object Ͱ࣮૷ companion object DeepLinkParser : NavDeeplinkParser { private const val URL = "myapp://detail/" override fun parse(url: String) = if (url.startsWith(URL)) { Detail(id = url.removePrefix(URL)) ɹɹɹɹɹɹɹ} else { ɹɹɹɹɹɹɹ null } } }
121.  σΟʔϓϦϯΫφϏήʔγϣϯ ࣗલͰϋϯυϦϯάॲཧΛ࣮૷͢ Δྫᶆ
     ύʔεॲཧΛॱʹ࣮ߦ͠ɺ࠷ॳʹ ݟ͔ͭͬͨΩʔΛόοΫελοΫ ʹ௥Ճ fun MutableList<Any?>.navigateTo( url: String ) { val key = parse(url) ?: return add(key) } fun parse(url: String): NavDeepLinkKey? = listOf( Home, Detail.DeepLinkParser, /* ύʔεର৅ͷΩʔ͕૿͑ͨΒ͜͜ʹ௥Ճ */ ).firstNotNullOfOrNull { it.parse(url) }
122. #PUUPN4IFFU
     ͷҠߦ
123.  #PUUPN4IFFU
     ͷҠߦ #PUUPN4IFFU/BWJHBUPS
     ʢBOESPJEYDPNQPTFNBUFSJBMNB UFSJBMOBWJHBUJPOʣΛҠߦ͢Δ
124.  #PUUPN4IFFU
     ͷҠߦ /BWJHBUJPO
     
     ʹ͸
     #PUUPN4IFFU/BWJHBUPS
     ͱಉ౳ͷɺ
     #PUUPN4IFFU
     ΛΤϯτ Ϧʔͱͯ͠ѻ͏࢓૊Έ͕zݱঢ়zαϙʔτ͞Ε͍ͯͳ͍
     ͭ·Γɺzݱঢ়zࣗલͰ࣮૷͢Δඞཁ͕͋Δ
125.  #PUUPN4IFFU
     ͷҠߦ #PUUPN4IFFU
     ͷඳըཁ݅
     
     
     
     
     
     ௨ৗͷભҠΞχϝʔγϣϯΛ ࠶ੜ͠ͳ͍
     
     
     
     
     
     ଞͷγʔϯʹ෴͍ඃ͞ΔܗͰ ඳը͢Δ
     ্هཁ݅Λຬͨͨ͢Ίʹ
     0WFSMBZ4DFOF
     Λ༻͍Δ
     
126.  #PUUPN4IFFU
     ͷҠߦ 4DFOF4USBUFHZ
     ͱϝλσʔλͷઃ ఆ class BottomSheetSceneStrategy<T : Any> : SceneStrategy<T> { companion object { internal const val KEY_BOTTOM_SHEET = "bottomSheet" fun bottomSheet(): Map<String, Any> = ɹɹɹɹɹɹɹɹɹmapOf(KEY_BOTTOM_SHEET to Unit) } } NavDisplay( sceneStrategy = remember { BottomSheetSceneStrategy<NavKey>() } entryProvider = entryProvider { entry<Home> { ... } entry<Sheet>( metadata = BottomSheetSceneStrategy.bottomSheet() ) { ... } } )
127.  #PUUPN4IFFU
     ͷҠߦ ϝλσʔλͷ֬ೝ class BottomSheetSceneStrategy<T : Any> : SceneStrategy<T> { @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit ): Scene<T>? { val last = entries.lastOrNull() val metadata = last?.metadata[KEY_BOTTOM_SHEET] if(metadata == null) return null ... } }
128.  #PUUPN4IFFU
     ͷҠߦ γʔϯͷ࡞੒ @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (count: Int) -> Unit ): Scene<T>? { ... return BottomSheetScene( key = last.contentKey, previousEntries = entries.dropLast(1), overlaidEntries = entries.dropLast(1), entry = last, onBack = onBack, ) }
129.  ՝୊ᶃ
     #PUUPN4IFFU
     ͷҠߦ 4DFOF
     ͷ࣮૷
     .PEBM#PUUPN4IFFU
     ্ʹΤϯτ ϦʔͷίϯςϯπΛඳը import androidx.compose.material3.ModalBottomSheet internal class BottomSheetScene<T : Any>( override val key: Any, override val previousEntries: List<NavEntry<T>>, override val overlaidEntries: List<NavEntry<T>>, private val entry: NavEntry<T>, private val onBack: (count: Int) -> Unit, ) : OverlayScene<T> { override val entries: List<NavEntry<T>> = listOf(entry) @OptIn(ExperimentalMaterial3Api::class) override val content: @Composable () -> Unit = { ModalBottomSheet( onDismissRequest = { onBack(1) }, ) { entry.Content() } } }
130.  ՝୊ᶃ
     #PUUPN4IFFU
     ͷҠߦ
131. /BWJHBUJPO#BS
     ͷҠߦ
132.  /BWJHBUJPO#BS
     ͷҠߦ ϫϯόϯΫͷ
     /BWJHBUJPO#BS
133.  /BWJHBUJPO#BS
     ͷҠߦ ϫϯόϯΫ
     /BWJHBUJPO#BS
     ͷ
     όοΫελοΫ؅ཧ
     
     όοΫελοΫͷϧʔτ͸ʮϗʔ Ϝʯ
     
     ʮϗʔϜʯҎ֎͸ඇબ୒ঢ়ଶͱ ͳͬͨΒ
     QPQ
     ͢Δ
     
     ֤λϒͷঢ়ଶ͸
     QPQ
     ࣌ʹอଘ͢Δ
134.  /BWJHBUJPO#BS
     ͷҠߦ ϫϯόϯΫ
     /BWJHBUJPO#BS
     ͷ
     όοΫελοΫ؅ཧ
     
     όοΫελοΫͷϧʔτ͸ʮϗʔ Ϝʯ
     
     ʮϗʔϜʯҎ֎͸ඇબ୒ঢ়ଶͱ ͳͬͨΒ
     QPQ
     ͢Δ
     
     ֤λϒͷঢ়ଶ͸
     QPQ
     ࣌ʹอଘ͢Δ
135.  /BWJHBUJPO#BS
     ͷҠߦ /BWJHBUJPO
     
     Ͱ͸όοΫελοΫ ʹੵ·Ε͍ͯΔΤϯτϦʔͷঢ়ଶ ͷΈ͕อ࣋͞ΕΔ
136.  /BWJHBUJPO#BS
     ͷҠߦ λϒͷঢ়ଶΛอ࣋ɾ෮ݩ͢Δʹ ͸ɺόοΫελοΫ͔ΒΩʔΛ࡟ আͤͣɺॱ൪ΛೖΕସ͑Δʂ
137.  /BWJHBUJPO#BS
     ͷҠߦ όοΫελοΫͷॳظԽ
     
     όοΫελοΫʹશͯͷλϒ ΩʔΛੵΉ
     
     ࠷ޙͷΩʔʢ࠷ॳʹඳը͢Δը ໘ʣ͕ʮϗʔϜʯͱͳΔΑ͏ʹฒ ͼସ͑Δ
     
     
     
     
     ˠ
     ॳظը໘͕ʮϗʔϜʯͷঢ়ଶ
     sealed interface TabKey { data object Home : TabKey data object Card : TabKey data object Pocket : TabKey companion object { val all = listOf(Home, Card, Pocket) } } val backStack = remember { mutableStateListOf<Any>().apply { addAll(TabKey.all) remove(TabKey.Home) add(TabKey.Home) } }
138.  /BWJHBUJPO#BS
     ͷҠߦ λϒબ୒ॲཧ
     ʮϗʔϜʯλϒΛબ୒࣌ɺϗʔϜ ΩʔΛελοΫͷ࠷ޙʹੵΉ
     ʮϗʔϜʯҎ֎ͷλϒΛબ୒࣌ɺ ϗʔϜΩʔˠબ୒ͨ͠Ωʔͷॱ൪ ͰελοΫͷ࠷ޙʹੵΉ
     
     
     
     
     
     ʮϗʔϜʯҎ֎ͷλϒͷ໭Γ ઌ͕ʮϗʔϜʯʹͳΔ NavigationBarItem( selected = tabKey == backStack.last(), onClick = { backStack.apply { remove(TabKey.Home) if (tabKey != TabKey.Home) remove(tabKey) add(TabKey.Home) if (tabKey != TabKey.Home) add(tabKey) } }, ... )
139.  /BWJHBUJPO#BS
     ͷҠߦ ʮϗʔϜʯͰ໭Δૢ࡞࣌ͷ໰୊
     QPQ
     ͨ͠Α͏ʹݟ͔͚ͤͨखલͷ ελοΫʹ໭Εͯ͠·͏😨
     ڧ੍తʹ
     "DUJWJUZΛด͡ΔΑ͏ͳ ॲཧΛೖΕͯ΋ɺ
     1SFEJDUJWF
     #BDL
     ࣌ʹखલͷελοΫͷΤϯ τϦʔ͕ඳը͞ΕΔ😨
     
140.  /BWJHBUJPO#BS
     ͷҠߦ ϗʔϜλϒΑΓલͷόοΫελο ΫΛແࢹ͢ΔͨΊͷΧελϜ
     4DFOF
     Λ࡞੒͢Δ private class HomeTabSceneStrategy<T : Any> : SceneStrategy<T> { @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (Int) -> Unit ): Scene<T>? { return object : Scene<T> { override val key: Any = "HomeTabScene" override val entries: List<NavEntry<T>> = listOf(entries.last) override val previousEntries: List<NavEntry<T>> =ɹ emptyList() override val content: @Composable () -> Unit = { last.Content() } } } }
141.  /BWJHBUJPO#BS
     ͷҠߦ QSFWJPVT&OUSJFT
     Λۭ഑ྻͱ͢Δ ͜ͱͰɺ͜ΕҎ্໭ΕΔΤϯτ Ϧʔ͕ແ͍͜ͱΛ/BW%JTQMBZʹ఻ ͑Δ
     
     
     
     
     
     QSFWJPVT&OUSJFT
     ͕ۭͷͱ͖ɺ ໭Δૢ࡞͸ԼҐͷϋϯυϥ ʢ"DUJWJUZ
     ͳͲʣʹҕৡ͞ΕΔ private class HomeTabSceneStrategy<T : Any> : SceneStrategy<T> { @Composable override fun calculateScene( entries: List<NavEntry<T>>, onBack: (Int) -> Unit ): Scene<T>? { return object : Scene<T> { override val key: Any = "HomeTabScene" override val entries: List<NavEntry<T>> = listOf(entries.last) override val previousEntries: List<NavEntry<T>> =ɹ emptyList() override val content: @Composable () -> Unit = { last.Content() } } } }
142.  /BWJHBUJPO#BS
     ͷҠߦ ʮϗʔϜʯλϒͷΤϯτϦʔʹ γʔϯઐ༻ͷϝλσʔλΛઃఆ private class HomeTabSceneStrategy<T : Any> : SceneStrategy<T> { @Composable override fun calculateScene( ... ): Scene<T>? { val last = entries.lastOrNull() ?: return null if (!last.metadata.containsKey(HOME_TAB_KEY)) return null return object : Scene<T> { ... } } companion object { internal const val HOME_TAB_KEY = "HomeTab" fun homeTab() = mapOf(HOME_TAB_KEY to true) } } entry<TabKey.Home>( metadata = homeTab() ) { ... }
143.  /BWJHBUJPO#BS
     ͷҠߦ
144. ʲ෇࿥ʳ/BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠
145.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 /BWJHBUJPO
     
     ʹ͸ɺ/BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ͷ
     
     छྨͷΤϯτϦʔ֦ுϙΠϯτ͕͋Δ
146.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 ؍఺ /BW&OUSZ%FDPSBUPS 4DFOF ༻్ ΤϯτϦʔ಺෦ͷॲཧΛ֦ு͢Δʢঢ়ଶอ࣋ɺґଘ ੑ஫ೖɺϥΠϑαΠΫϧ؅ཧͳͲʣ ෳ਺ΤϯτϦʔΛ·ͱΊͯɺը໘্ͰͲ͏ߏ੒ɾඳը ͢Δ͔ΛܾΊΔ Өڹൣғ ݸʑͷΤϯτϦʔ୯Ґʹݶఆɻہॴతʹ௥Ճ΍ࠩ͠ ସ͕͑Մೳ ը໘શମ΍ෳ਺ΤϯτϦʔʹ·͕ͨΔɻ6*
     ߏ଄΍Ξ χϝʔγϣϯશൠʹӨڹ ར༻γʔϯ 
     ΤϯτϦʔʹ
     7JFX.PEFM
     είʔϓΛ෇༩
     
     4BWFE4UBUF
     ͷࣗಈ࿈ܞ
     
     όοΫελοΫ͔Β֎ΕͨࡍͷϦιʔεղ์ 
     γϯάϧϖΠϯϚϧνϖΠϯ੾Γସ͑
     
     μΠΞϩάɾϘτϜγʔτͷॏͶ߹Θͤ
     
     1SFEJDUJWF
     #BDL
     ࣌ͷද੍ࣔޚ ੹຿ͷཻ౓ ʮΤϯτϦʔͭʯʹดͨ͡੹຿ɻத਎ΛͲ͏ѻ͏͔ ʮΤϯτϦʔू߹ʯͱͯ͠ͷ੹຿ɻݟͤํɾ഑ஔɾભ ҠΛͲ͏ઃܭ͢Δ͔
147.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 ͬ͘͟Γɾɾ
     ݸʑͷΤϯτϦʔʹԣஅతͳϩδοΫΛࠩ͠ࠐΈ͍ͨͱ͖
     
     
     
     
     ˠ
     /BW&OUSZ%FDPSBUPS
     
     ʢෳ਺ͷʣΤϯτϦʔΛͲͷΑ͏ʹ഑ஔɾදࣔ͢Δ͔Λίϯτϩʔϧ͍ͨ͠ͱ͖
     
     
     
     
     ˠ
     4DFOF
     
148.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 ҎԼͷཁ݅Λ֦ு͢ΔͳΒ
     Ͳ͕ͬͪద੾ʁ
     νϟΠϧυΞΧ΢ϯτͰͷද͕ࣔ ېࢭ͞Ε͍ͯΔը໘ʹ͓͍ͯɺ୅ ΘΓʹϒϩοΫը໘Λඳը͢Δ
149.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 ਖ਼ղ͸ɾɾɾ
     /BW&OUSZ%FDPSBUPS
     ʂʂʂ
150.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 
     ʮνϟΠϧυΞΧ΢ϯτͷͱ͖ϒϩοΫը໘ʹࠩ͠ସ͑Δʯͷ͸ίϯςϯπͷ ॏཁͳखଓ͖
     
     4DFOF
     ϨϕϧͩͱʮΤϯτϦʔ͕ͦͷ
     4DFOF
     ্Ͱඳը͞Εͳ͍ͱνΣοΫ͞Ε ͳ͍ʯͷͰൈ͚࿙ΕͷϦεΫ͕͋Δ
151.  /BW&OUSZ%FDPSBUPS
     ͱ
     4DFOF
     ΛΧελϜ͢Δ🛠 νϟΠϧυΞΧ΢ϯτͰͷද͕ࣔ ېࢭ͞Ε͍ͯΔը໘ʹ͓͍ͯɺ୅ ΘΓʹϒϩοΫը໘Λඳը͢Δྫ const val KEY_BLOCK_FOR_CHILD = "blockForChild" fun blockForChild(): Map<String, Any> = mapOf(KEY_BLOCK_FOR_CHILD to true) @Composable fun rememberChildBlockNavEntryDecorator(isChild: Boolean) = remember<NavEntryDecorator<Any>> { navEntryDecorator { entry -> entry.metadata[KEY_BLOCK_FOR_CHILD] ?: return@navEntryDecorator if (isChild) BlockContent() else entry.Content() } }
152. ·ͱΊ
153.  ·ͱΊ 
     /BWJHBUJPO
     
     ͸
     $PNQPTF
     ઐ༻ʹ࠶ઃܭ͞ΕͨφϏήʔγϣϯϥΠϒϥϦ
     
     
     
     
     
     6*ঢ়ଶͱભҠঢ়ଶ͕౷߹͞Εɺ$PNQPTF
     Β͍͠γϯϓϧͳઃܭʹ
     
     4DFOF
     
     4DFOF4USBUFHZ
     ʹΑͬͯΞμϓςΟϒϨΠΞ΢τ͕ॊೈʹ࣮ݱՄೳ
     
     
     
     
     
     ୯Ұը໘͔ΒϦετৄࡉϨΠΞ΢τɺμΠΞϩά΍ϘτϜγʔτ·ͰରԠ
     
     /BW&OUSZ%FDPSBUPS
     ͰΤϯτϦʔ୯Ґͷ੹຿֦ு͕Մೳ
     
     
     
     
     
     ঢ়ଶอ࣋ɾ7JFX.PEFMɾݖݶ੍ޚͳͲɺԣஅతॲཧΛγϯϓϧʹ࣮૷
     
     Ҡߦʹ޲͚ͨ՝୊੔ཧ͕ඞཁ
     
     
     
     
     
     ϢχʔΫΩʔରԠɺ!4FSJBMJ[BCMF
     ੍໿ɺωετάϥϑ΍
     /BWJHBUJPO#BS
     ͷ࠶ઃܭ
     
154.  ·ͱΊ 
     ࠓ͔ΒͰ͖Δඋ͑
     
     
     
     
     
     όοΫελοΫ؅ཧํ๏ΛܾΊΔ
     
     
     
     
     
     Ωʔͷઃܭ
     
     
     
     
     
     +FUQBDL
     $PNQPTF
     ΁ͷҠߦΛਐΊΔ
155.  🐶͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🐶