Myzel394/NumberHub
1
0
Fork 0
mirror of https://github.com/Myzel394/NumberHub.git synced 2025-06-19 00:35:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Animate UnixTextField

Browse Source
This commit is contained in:
Sad Ellie 2023-02-02 14:07:38 +04:00
parent ebca5218cc
commit 59de376f61
1 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
feature/epoch/src/main/java/com/sadellie/unitto/feature/epoch/component/UnixTextField.kt
View File

@ -18,6 +18,13 @@
package com.sadellie.unitto.feature.epoch.component
import androidx.compose.animation.AnimatedContent
import androidx.compose.animation.SizeTransform
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.slideInVertically
import androidx.compose.animation.slideOutVertically
import androidx.compose.animation.with
import androidx.compose.foundation.horizontalScroll
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.IntrinsicSize
@ -41,11 +48,26 @@ fun UnixTextField(
.horizontalScroll(rememberScrollState()),
horizontalArrangement = Arrangement.End
) {
Text(
text = unix.ifEmpty { "0" },
modifier = modifier,
style = NumbersTextStyleDisplayMedium,
textAlign = TextAlign.End
)
AnimatedContent(
targetState = unix.ifEmpty { "0" },
transitionSpec = {
if (targetState.toBigDecimal() > initialState.toBigDecimal()) {
slideInVertically { height -> height } + fadeIn() with
slideOutVertically { height -> -height } + fadeOut()
} else {
slideInVertically { height -> -height } + fadeIn() with
slideOutVertically { height -> height } + fadeOut()
}.using(
SizeTransform(clip = false)
)
}
) {
Text(
text = it,
modifier = modifier,
style = NumbersTextStyleDisplayMedium,
textAlign = TextAlign.End
)
}
}
}