Hi, Whats the best way to implement dimensions in ...

# compose-ios

[Sunil Kumar]

Hi, Whats the best way to implement dimensions in compose, For example we can use expect/actual logic, in common we define expect class Dimensions like this.

expect Dimensions {
    val buttonHeight: Dp
}

And then from android we can easily use dimensions from android in actual class, But in iOS how to do that in actual class using size classes becoz i dont have that much knowledge about iOS app development, any reference or example will be appreciated

[Rehan Tumbi]

If you are using compose for common ui then dp will work without any issues

[Sunil Kumar]

Thnx @Rehan Tumbi, thats fine. But what i mean is that we use size classes in ios so that we can adapt to different screen orientations, Regular , compact etc.., Ho we can do that in compose , FOr example, for android i will use its dimens from android native module so that it looks good on different density devices. Similarily how we can implement size classes by code from native ios module, so that we can use in ios module of compose. How we specify font sizes etc. for different density devices in ios

[Rehan Tumbi]

val sizeInPx = with(LocalDensity.current) { 16.dp.toPx() }

[Rehan Tumbi]

try this

[Sunil Kumar]

ok thnx

[Sunil Kumar]

Actually what i meant was :

Someone suggested me to use expect/actual like this:

```expect object Dimensions {

val buttonHeight: Dp

val smallPadding: Dp

}```

and on actual for android - use android's dimens resources. in actual for iOS - use size classes by code. in actual for desktop/web - use constants or some that will resolve your task

Is this possible?

[Rehan Tumbi]

Yes, By expect/actual you can write native logic platform specific code, i have tried this "LocalDensity.current" and it worked fine for my project running smoothly in mobile and tablet

[Sunil Kumar]

But i didnt found any useful resource to implement size classes by code.

Ok and coming to LocalDensity.current
So with LocalDensity.current, font sizes or other sizes will adjust according to device density, right from dp to px or px to dp ?
But in compose we use dp, so how we can adapt only dp sizes according to device density?

[Rehan Tumbi]

In my opinion you need to write logic for conversion using "LocalDensity.current" where you pass your standard "dp" size and that function return dp according to device dimension, like sdp or ssp library doing