add CMP-7505(ModalWideNavigationRail) sample to mpp/demo

Author: shishkin-pavel

compose/mpp/demo/build.gradle.kts

@@ -230,6 +230,8 @@ kotlin {
         val uikitArm64Main by getting { dependsOn(uikitMain) }
         val uikitSimArm64Main by getting { dependsOn(uikitMain) }
     }
+
+    compilerOptions { freeCompilerArgs.add("-Xpartial-linkage=disable") }
 }
 
 enum class Target(val simulator: Boolean, val key: String) {

compose/mpp/demo/src/commonMain/kotlin/androidx/compose/mpp/demo/MainScreen.kt

@@ -44,5 +44,6 @@ val MainScreen = Screen.Selection(
     Screen.Example("InteropOrder") { InteropOrder() },
     AndroidTextFieldSamples,
     Screen.Example("Android TextBrushDemo") { TextBrushDemo() },
-    AndroidAccessibilityDemos
+    AndroidAccessibilityDemos,
+    Screen.Example("ModalNavigationRail") { ModalNavigationRail() },
 )

compose/mpp/demo/src/commonMain/kotlin/androidx/compose/mpp/demo/ModalNavigationRail.kt

@@ -0,0 +1,93 @@
+/*
+ * Copyright 2025 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package androidx.compose.mpp.demo
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.material.icons.filled.Settings
+import androidx.compose.material.icons.outlined.Home
+import androidx.compose.material.icons.outlined.Search
+import androidx.compose.material.icons.outlined.Settings
+import androidx.compose.material3.Button
+import androidx.compose.material3.Icon
+import androidx.compose.material3.ModalWideNavigationRail
+import androidx.compose.material3.Text
+import androidx.compose.material3.WideNavigationRailItem
+import androidx.compose.material3.rememberWideNavigationRailState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+
+@Composable
+fun ModalNavigationRail() {
+    var selectedItem by remember { mutableIntStateOf(0) }
+    val items = listOf("Home", "Search", "Settings")
+    val selectedIcons = listOf(Icons.Filled.Home, Icons.Filled.Search, Icons.Filled.Settings)
+    val unselectedIcons =
+        listOf(Icons.Outlined.Home, Icons.Outlined.Search, Icons.Outlined.Settings)
+
+    val state = rememberWideNavigationRailState()
+    val scope = rememberCoroutineScope()
+
+    Row(Modifier.fillMaxSize()) {
+        ModalWideNavigationRail(state = state, hideOnCollapse = true) {
+            items.forEachIndexed { index, item ->
+                WideNavigationRailItem(
+                    railExpanded = true,
+                    icon = {
+                        Icon(
+                            if (selectedItem == index) selectedIcons[index]
+                            else unselectedIcons[index],
+                            contentDescription = null
+                        )
+                    },
+                    label = { Text(item) },
+                    selected = selectedItem == index,
+                    onClick = {
+                        selectedItem = index
+                        scope.launch { state.collapse() }
+                    }
+                )
+            }
+        }
+
+        Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
+            val currentPage = items[selectedItem]
+            Spacer(modifier = Modifier.size(54.dp))
+            Text(text = "$currentPage Page", textAlign = TextAlign.Center)
+            Button(onClick = { scope.launch { state.expand() } }, Modifier.padding(32.dp)) {
+                Text(text = "Open modal rail", textAlign = TextAlign.Center)
+            }
+        }
+    }
+}