example: Add Previewm for Desktop and Android

Author: YuKongA

composeApp/build.gradle.kts

@@ -82,6 +82,9 @@ kotlin {
         val desktopMain by getting
 
         androidMain.dependencies {
+            implementation(compose.preview)
+            implementation(compose.uiTooling)
+
             implementation(libs.androidx.activity.compose)
         }
         commonMain.dependencies {
@@ -95,6 +98,8 @@ kotlin {
         }
         desktopMain.dependencies {
             implementation(compose.desktop.currentOs)
+            implementation(compose.preview)
+            implementation(compose.uiTooling)
         }
     }
 }

composeApp/src/androidMain/kotlin/top/yukonga/miuix/uitest/Preview.kt

@@ -0,0 +1,69 @@
+package top.yukonga.miuix.uitest
+
+import App
+import MainPage
+import SecondPage
+import ThirdPage
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.tooling.preview.Preview
+import top.yukonga.miuix.kmp.basic.MiuixScrollBehavior
+import top.yukonga.miuix.kmp.basic.Scaffold
+import top.yukonga.miuix.kmp.basic.rememberTopAppBarState
+import ui.AppTheme
+
+@Composable
+@Preview(device = "spec:width=1080px,height=2340px,dpi=480")
+fun UITestPreview() {
+    AppTheme {
+        Scaffold {
+            App()
+        }
+    }
+}
+
+@Composable
+@Preview
+fun MainPagePreview() {
+    AppTheme {
+        Scaffold {
+            MainPage(MiuixScrollBehavior(rememberTopAppBarState()), PaddingValues())
+        }
+    }
+}
+
+@Composable
+@Preview
+fun SecondPagePreview() {
+    AppTheme {
+        Scaffold {
+            SecondPage(MiuixScrollBehavior(rememberTopAppBarState()), PaddingValues())
+        }
+    }
+}
+
+@Composable
+@Preview
+fun ThirdPagePreview() {
+    AppTheme {
+        Scaffold {
+            ThirdPage(
+                MiuixScrollBehavior(rememberTopAppBarState()),
+                PaddingValues(),
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                remember { mutableIntStateOf(0) }
+            )
+        }
+    }
+}

composeApp/src/desktopMain/kotlin/Preview.kt

@@ -0,0 +1,65 @@
+import androidx.compose.desktop.ui.tooling.preview.Preview
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import top.yukonga.miuix.kmp.basic.MiuixScrollBehavior
+import top.yukonga.miuix.kmp.basic.Scaffold
+import top.yukonga.miuix.kmp.basic.rememberTopAppBarState
+import ui.AppTheme
+
+@Composable
+@Preview
+fun UITestPreview() {
+    AppTheme {
+        Scaffold {
+            App()
+        }
+    }
+}
+
+@Composable
+@Preview
+fun MainPagePreview() {
+    AppTheme {
+        Scaffold {
+            MainPage(MiuixScrollBehavior(rememberTopAppBarState()), PaddingValues())
+        }
+    }
+}
+
+
+@Composable
+@Preview
+fun SecondPagePreview() {
+    AppTheme {
+        Scaffold {
+            SecondPage(MiuixScrollBehavior(rememberTopAppBarState()), PaddingValues())
+        }
+    }
+}
+
+
+@Composable
+@Preview
+fun ThirdPagePreview() {
+    AppTheme {
+        Scaffold {
+            ThirdPage(
+                MiuixScrollBehavior(rememberTopAppBarState()),
+                PaddingValues(),
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                false,
+                {},
+                remember { mutableStateOf(0) }
+            )
+        }
+    }
+}