only-bible-app

The only bible app you will ever need. No ads. No in-app purchases. No distractions.

32c2a303 — Peter John

add animation for BottomBar

Files changed (2) hide show

app/src/main/java/dev/pyrossh/onlyBible/AppHost.kt CHANGED Viewed

@@ -42,13 +42,14 @@ fun AppHost(model: AppViewModel = viewModel()) {
                                 tween(400),
                             )
                         },
-//                exitTransition = {
+//                        exitTransition = {
+//                            fadeOut()
-//                    val props = this.targetState.toRoute<ChapterScreenProps>()
+//                            val props = this.targetState.toRoute<ChapterScreenProps>()
-//                    slideOutOfContainer(
+//                            slideOutOfContainer(
-//                        Dir.valueOf(props.dir).slideDirection(),
+//                                Dir.valueOf(props.dir).slideDirection(),
-//                        tween(400),
+//                                tween(400),
+//                            )
-//                    )
+//                        },
-//                },
                         popEnterTransition = {
                             slideIntoContainer(
                                 AnimatedContentTransitionScope.SlideDirection.Right,

app/src/main/java/dev/pyrossh/onlyBible/ChapterScreen.kt CHANGED Viewed

@@ -7,6 +7,9 @@ import android.text.style.BulletSpan
 import android.text.style.ForegroundColorSpan
 import android.text.style.StyleSpan
 import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.slideInVertically
+import androidx.compose.animation.slideOutVertically
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -199,7 +202,11 @@ fun ChapterScreen(
             )
         },
         bottomBar = {
+            AnimatedVisibility(
-            if (selectedVerses.isNotEmpty()) {
+                visible = selectedVerses.isNotEmpty(),
+                enter = slideInVertically(initialOffsetY = { it }),
+                exit = slideOutVertically(targetOffsetY = { it }),
+            ) {
                 BottomAppBar(
                     containerColor = Color.Transparent,
                     contentPadding = PaddingValues(0.dp),