Loading repository data…
PratikFagadiya / repository
JetpackCompose-Flippingview
FlippingView library is built with the latest Jetpack Compose and Material Design 3 API technology, making it both cutting-edge and experimental. It's super easy to use, and our code is well-documented, so you'll be flipping cards like a pro in no time.
#android#android-library#cards#compose-animation#compose-library#flipping-cards
Live repository statistics
★ 9Stars
⑂ 0Forks
◯ 0Open issues
◉ 9Watchers
42/100
OPENREPOHUB HEALTH SIGNAL
Limited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
30
Community adoption25% weight
14
Maintenance state20% weight
100
License clarity10% weight
0
Project information10% weight
75
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Flipping View
Why settle for boring, static screens in your app when you can add a dynamic and engaging visual experience with FlippingView?
It's time to give your app the wow-factor it deserves!
FlippingView library is built with the latest Jetpack Compose and Material Design 3 API technology, making it both cutting-edge and experimental. It's super easy to use, and our code is well-documented, so you'll be flipping cards like a pro in no time.
Made with love ❤️ by Pratik Fagadiya
Including in your project
Add this to settings.gradle of project.
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
...
maven { url 'https://jitpack.io' } // Add jitpack.io
}
}
Add the dependency below to your module's build.gradle file:
dependencies {
implementation 'com.github.PratikFagadiya:JetpackCompose-Flippingview:1.0'
}
How to use
You can create a FlippingView with the FlippingViewl composable.
@Composable
fun FlippingView(
cardFace: CardFace,
cardOrientation: CardOrientation = CardOrientation.HORIZONTAL,
modifier: Modifier = Modifier,
flippingDuration: Int = 2000,
cardShadow: Int = 0,
cornerSize: Dp = 0.dp,
onViewClick: (CardFace) -> Unit,
frontView: @Composable () -> Unit = {},
backView: @Composable () -> Unit = {}
)
In it's simplest form FlippingView can be used as animated preview for front and back view.
var cardFace by remember { mutableStateOf(CardFace.Front) }
FlippingView(cardFace = cardFace, onViewClick = {
cardFace = it.whatNext
}, frontView = {
// Front View
}, backView = {
// Back View
}
)
