code review.

Author: commandiron

app/build.gradle

@@ -31,6 +31,9 @@ android {
     }
     kotlinOptions {
         jvmTarget = '1.8'
+        freeCompilerArgs += [
+                "-opt-in=com.google.accompanist.pager.ExperimentalPagerApi",
+        ]
     }
     buildFeatures {
         compose true

app/src/main/java/com/commandiron/composeloading/MainActivity.kt

@@ -2,17 +2,15 @@ package com.commandiron.composeloading
 
 import android.os.Bundle
 import androidx.activity.ComponentActivity
+import androidx.activity.compose.BackHandler
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
+import androidx.compose.runtime.Composable
 import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
 import com.commandiron.compose_loading.*
 import com.commandiron.composeloading.ui.theme.*
-import com.google.accompanist.pager.ExperimentalPagerApi
 import com.google.accompanist.pager.HorizontalPager
 import com.google.accompanist.pager.rememberPagerState
 import kotlinx.coroutines.launch
@@ -27,3 +25,62 @@ class MainActivity : ComponentActivity() {
         }
     }
 }
+
+@Composable
+fun ShowScreen() {
+    val state = rememberPagerState()
+    val scope = rememberCoroutineScope()
+    ShowCase(
+        modifier = Modifier.fillMaxSize(),
+        state = state,
+        onNext = {
+            scope.launch {
+                state.animateScrollToPage(state.currentPage + 1)
+            }
+        },
+        onBack = {
+            scope.launch {
+                state.animateScrollToPage(state.currentPage - 1)
+            }
+        }
+    ) {
+        HorizontalPager(state = state, count = 15) {
+            when(currentPage){
+                0 -> { ShowGrid() }
+
+                1 -> { RotatingPlane(Modifier.background(BurntOrange).fillMaxSize()) }
+
+                2 -> { ChasingDots(Modifier.background(Charcoal).fillMaxSize()) }
+
+                3 -> { DoubleBounce(Modifier.background(MountainMeadow).fillMaxSize()) }
+
+                4 -> { Wave(Modifier.background(StarCommandBlue).fillMaxSize()) }
+
+                5 -> { WanderingCubes( Modifier.background(BattleshipGrey).fillMaxSize()) }
+
+                6 -> { Pulse(Modifier.background(MaximumYellowRed).fillMaxSize()) }
+
+                7 -> { ChasingTwoDots(Modifier.background(BurntOrange).fillMaxSize()) }
+
+                8 -> { ThreeBounce(Modifier.background(GOGreen).fillMaxSize()) }
+
+                9 -> { Circle(Modifier.background(BurntOrange).fillMaxSize()) }
+
+                10 -> { CubeGrid(Modifier.background(Charcoal).fillMaxSize()) }
+
+                11 -> { FadingCircle(Modifier.background(MountainMeadow).fillMaxSize()) }
+
+                12 -> { FoldingCube(Modifier.background(StarCommandBlue).fillMaxSize()) }
+
+                13 -> { LoadingBar(fakeMillis = 10000) }
+
+                14 -> { LoadingDots("Loading") }
+            }
+        }
+    }
+    BackHandler(enabled = state.currentPage != 0) {
+        scope.launch {
+            state.animateScrollToPage(state.currentPage - 1)
+        }
+    }
+}

app/src/main/java/com/commandiron/composeloading/ShowCase.kt

@@ -14,7 +14,6 @@ import androidx.compose.ui.unit.dp
 import com.google.accompanist.pager.ExperimentalPagerApi
 import com.google.accompanist.pager.PagerState
 
-@OptIn(ExperimentalPagerApi::class)
 @Composable
 fun ShowCase(
     modifier: Modifier = Modifier,

app/src/main/java/com/commandiron/composeloading/ShowScreen.kt

@@ -37,5 +37,5 @@ android {
 
 dependencies {
     implementation "androidx.compose.ui:ui:$compose_version"
-    implementation "androidx.compose.material3:material3:1.0.0-alpha13"
+    implementation "androidx.compose.material3:material3:1.0.0-alpha15"
 }

compose-loading/build.gradle

@@ -11,6 +11,7 @@ import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.unit.DpSize
@@ -25,7 +26,7 @@ fun RotatingPlane(
     delayMillis: Int = 0,
     size: DpSize = DpSize(30.dp, 30.dp),
     color: Color = MaterialTheme.colorScheme.surface,
-    shape: Shape = Shapes.None,
+    shape: Shape = RectangleShape,
     contentOnPlane: @Composable BoxScope. () -> Unit = {}
 ) {
     val transition = rememberInfiniteTransition()

compose-loading/src/main/java/com/commandiron/compose_loading/RotatingPlane.kt

@@ -9,6 +9,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
@@ -22,7 +23,7 @@ fun Wave(
     delayMillis: Int = 400,
     size: Dp = 24.dp,
     color: Color = MaterialTheme.colorScheme.surface,
-    shape: Shape = Shapes.None,
+    shape: Shape = RectangleShape,
 ) {
     val transition = rememberInfiniteTransition()