skydoves

skydoves

hotSwanCompiler {
    preview {
        outputDir.set(".hotswan/preview-captures")
        renderDelayMs.set(2500L)
        sdkModeEnabled.set(true)
    }
}

skydoves

./gradlew captureAllPreviews

skydoves

dependencies {
    debugImplementation("com.github.skydoves.compose.hotswan:preview:1.1.3")
}

skydoves

data class User(
    val firstName: String,
    val lastName: String,
    val avatarUrl: String // Newly added property
)

skydoves

<!-- strings.xml -->
<string name="welcome_message">Welcome back</string>
<!-- Change to: "Hey there, welcome back" and save -->

skydoves

class ProfileViewModel : ViewModel() {
    
    // add a new function in your ViewModel
    fun formatDisplayName(user: User): String {
        // Change the formatting logic and save
        return "${user.firstName} ${user.lastName}"
    }
}

@Composable

skydoves

@Composable
fun ProfileCard(user: User) {
    Column {
        UserAvatar(user) // New composable, defined below
        Text(text = user.name)
    }
}

@Composable
fun UserAvatar(user: User) {

skydoves

@Composable
fun ProfileCard(user: User) {
    Column(
        modifier = Modifier
            .padding(24.dp) // Change this to 16.dp and save
            .fillMaxWidth()
    ) {
        Text(
            text = user.name,
            fontSize = 20.sp, // Change this to 24.sp and save

skydoves

LandscapistImage(
  imageModel = { imageUrl },
  component = rememberImageComponent {
    +ShimmerPlugin()
    +CircularRevealPlugin(duration = 350)
    +PalettePlugin(
      paletteLoadedListener = { palette ->
        dominantColor = palette.dominantSwatch?.rgb
      },
    )