SDP-SSP-Compose-Multiplatform is a scalable size unit library designed specifically for Compose Multiplatform projects. It enables consistent UI scaling across iOS, Android, Desktop, and WebAssembly (Wasm), ensuring a seamless user experience on different screen sizes and resolutions.
This library eliminates the traditional reliance on fixed dp (density-independent pixels) and sp (scale-independent pixels) by introducing sdp (scalable dp) and ssp (scalable sp) units. These units dynamically adjust based on screen density, making layouts more adaptive and ensuring better usability across platforms.
Compose Multiplatform Support: Works across Android, iOS, Desktop, and WebAssembly (Wasm).
Adaptive UI Scaling: Uses sdp and ssp to automatically adjust sizes based on screen density.
Easy to Integrate: Simple API that seamlessly integrates with existing Jetpack Compose projects.
Consistent Layouts: Ensures UI consistency across multiple screen sizes and platforms.
No Additional Setup Required: Works out-of-the-box without complex configurations.
Add the dependency to your build.gradle.kts file:
commonMain.dependencies {
implementation("network.chaintech:sdp-ssp-compose-multiplatform:1.0.6")
}
By default, the library uses a scaling ratio of 300 for .sdp and .ssp values. You can change this to fit your design needs using:
SDPConfig.setScalingRatio(250.0) // Set a custom ratio
Use sdp and ssp for adaptive and scalable UI components:
val padding = 16.sdp
val fontSize = 14.ssp
Box(modifier = Modifier.padding(padding)) {
Text(text = "Hello, World!", fontSize = fontSize)
}This ensures a consistent and adaptive layout across all supported platforms.
-
Layout built using dp & sp
-
Layout built using sdp & ssp
-
Layout built using dp & sp
-
Layout built using sdp & ssp
- Layout bulit using sdp & ssp
- Layout bulit using sdp & ssp
Demo Implementation - Check out the demo class to see the library in action.
