compose-ui-tooling-preview = { module = "androidx.compose.ui:ui-tooling-preview", version.ref = "compose" }
这里是我的代码:
@Composable
fun MainMenuContent(
viewState: MainMenuState
) {
Column {
repeat(5) {
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceEvenly
) {
IconTextRow(Icons.Rounded.Home, stringResource(Res.string.all_purpose))
IconTextRow(Icons.Rounded.Home, stringResource(Res.string.all_purpose))
IconTextRow(Icons.Rounded.Home, stringResource(Res.string.all_purpose))
}
}
}
}
private class MainMenuParameterProvider : PreviewParameterProvider<MainMenuState> {
override val values: Sequence<MainMenuState>
init {
val defaultState = MainMenuState(isPaid = false)
values = sequenceOf(
defaultState,
defaultState.copy(isPaid = true)
)
}
}
@Preview
@Composable
private fun MainMenuPreview(
@PreviewParameter(MainMenuParameterProvider::class) param: MainMenuState
) {
MaterialTheme {
MainMenuContent(
param
)
}
}
eriginPost:
jetpack构成预览不再是渲染的dependencies
并添加此debugImplementation "androidx.compose.ui:ui-tooling"
dependencies {
debugImplementation("androidx.compose.ui:ui-tooling")
}
如何使用它SYNC项目,现在转到
android[main]
并创建一个Kotlin文件并用@androidx.compose.ui.tooling.preview.Preview
@composable
Example
@androidx.compose.ui.tooling.preview.Preview
@Composable
fun preview() {
Yourcomposable()
}
that是所有的,快乐的编码