Adaptive UI¶
Installation¶
| Kotlin version | Compose version | Calf version |
|---|---|---|
| 2.2.21 | 1.9.2 | 0.9.0 |
| 2.1.21 | 1.8.0 | 0.8.0 |
| 2.1.10 | 1.7.3 | 0.7.1 |
| 2.1.0 | 1.7.3 | 0.7.0 |
| 2.0.21 | 1.7.0 | 0.6.1 |
| 2.0.10 | 1.6.11 | 0.5.5 |
| 1.9.22 | 1.6.0 | 0.4.1 |
| 1.9.21 | 1.5.11 | 0.3.1 |
| 1.9.20 | 1.5.10 | 0.2.0 |
| 1.9.0 | 1.5.0 | 0.1.1 |
Add the following dependency to your module build.gradle.kts file:
If you are using calf-ui artifact, make sure to export it to binaries:
Regular Framework¶
kotlin {
targets
.filterIsInstance<KotlinNativeTarget>()
.filter { it.konanTarget.family == Family.IOS }
.forEach {
it.binaries.framework {
export("com.mohamedrejeb.calf:calf-ui:0.9.0")
}
}
}
CocoaPods¶
Important: Exporting
calf-uito binaries is required to make it work on iOS.
Components¶
Calf UI provides a set of adaptive UI components that adapt to the platform they are running on. Here's a list of available components:
- AdaptiveAlertDialog - A dialog that adapts to the platform it is running on
- AdaptiveBottomSheet - A bottom sheet that adapts to the platform it is running on
- AdaptiveCircularProgressIndicator - A circular progress indicator that adapts to the platform it is running on
- AdaptiveClickable - A clickable modifier that replaces indication on iOS with scaling effect
- AdaptiveDatePicker - A date picker that adapts to the platform it is running on
- AdaptiveTimePicker - A time picker that adapts to the platform it is running on